Novità in Elementor 3.25: Ottimizzazione CSS, Nuovo Controllo dell’Offset dell’Ancora Opzioni di Paginazione per i Risultati Live nel widget di Ricerca!

Siamo entusiasti di presentare Elementor 3.25, un aggiornamento che include importanti miglioramenti focalizzati sul miglioramento delle prestazioni del tuo sito web, dell’esperienza dei visitatori e della flessibilità del design. Dall’Ottimizzazione CSS Continua a uno scorrimento più fluido con CSS nativo e funzionalità di ricerca migliorata, questa release è progettata per rendere il tuo sito web più veloce, interattivo e facile da navigare.

Incremento delle Prestazioni con l’Ottimizzazione CSS Continua

La velocità del sito è fondamentale, e con Elementor 3.25, abbiamo fatto grandi passi avanti per migliorare le prestazioni del tuo sito web attraverso l’Ottimizzazione CSS Continua.

Analizzando i widget e le funzionalità attive su ogni pagina, Elementor lavora per garantire che venga caricato solo il CSS necessario, mentre la maggior parte degli stili non utilizzati viene esclusa. Il risultato è un sito web più snello e veloce che offre un’esperienza più fluida per i tuoi visitatori, sia su desktop che su mobile.

Miglioramenti Chiave nell’Ottimizzazione CSS

• Zero Peso CSS per il plugin Elementor Pro: Elementor Pro ora parte con zero CSS per impostazione predefinita, il che significa che quando si inizia con il plugin, non ci sarà alcun peso CSS fino a quando non si iniziano ad aggiungere widget. Questo approccio riduce drasticamente la dimensione del CSS del tuo sito web, rendendolo più veloce ed efficiente.
• WooCommerce Widgets: Per gli utenti di WooCommerce, questo è un cambiamento radicale. Elementor 3.25 carica condizionalmente il CSS per i widget WooCommerce in base all’uso, risparmiando fino a 197KB di CSS. In precedenza, il CSS per tutti i 32 widget WooCommerce veniva caricato, anche se veniva utilizzato solo un widget. Questo aggiornamento elimina quel carico non necessario, rendendo il tuo negozio WooCommerce significativamente più veloce.
• Stili Globali: Allo stesso modo, gli Stili Globali ora vengono caricati condizionalmente, riducendo ulteriormente la dimensione del file CSS di 65KB.
• Stili dei Widget Elementor: Stiamo avanzando nei nostri sforzi per caricare condizionalmente gli stili dei widget con Elementor 3.25. Invece di caricare un intero gruppo di stili in una volta, questo aggiornamento ora carica gli stili individualmente per 6 widget Elementi del Tema, 3 widget Carousel e 2 widget Form.

Questo aggiornamento si concentra sul caricare solo il CSS essenziale necessario per gli elementi specifici che utilizzi, riducendo significativamente la quantità di codice non utilizzato che può rallentare il tuo sito. Eliminando il CSS non necessario, il tuo sito diventa più veloce da caricare, migliorando sia le prestazioni su desktop e mobile che le metriche SEO chiave e i punteggi dei Core Web Vitals.

[Pro] Scorrimento Più Fluido con CSS Nativo: Introduzione del Nuovo Offset dell’Ancora

Elementor 3.25 porta anche significativi miglioramenti alle prestazioni di scorrimento. Abbiamo sostituito la libreria AnchorJS con una soluzione CSS nativa, che non solo migliora le prestazioni riducendo la dipendenza da JavaScript, ma rende anche lo scorrimento più fluido e coerente su diversi dispositivi.

Nuovo Controllo dell’Offset dell’Ancora

Una delle caratteristiche chiave di questo aggiornamento è l’Offset dell’Ancora, che garantisce che i link ancora scorrano alla posizione corretta sulla pagina, tenendo conto delle intestazioni fisse e di altri elementi. In precedenza, i link ancora spesso scorrevano a una posizione nascosta dietro le intestazioni fisse, causando confusione e frustrazione per i visitatori. La funzione Offset dell’Ancora risolve questo problema permettendoti di impostare un valore di offset personalizzato e regolare il comportamento di scorrimento in modo che la sezione collegata sia completamente visibile senza essere nascosta dietro le intestazioni fisse.

Perché Questo è Importante

• Scorrimento più fluido: Con il CSS nativo che gestisce lo scorrimento, non c’è bisogno di preoccuparsi dei rallentamenti dello scorrimento dovuti a JavaScript.
• Navigazione migliorata: Il nuovo Offset dell’Ancora rende la navigazione all’interno di pagine lunghe o sezioni ricche di contenuti più intuitiva e user-friendly.
• Incremento delle prestazioni: Riducendo la dipendenza da JavaScript, i siti web beneficiano di un processo di rendering più pulito e veloce.

Come Impostare l’Offset dell’Ancora

Per impostare un Offset dell’Ancora, vai alla scheda Avanzato nel tuo Header, scorri verso il basso fino a Effetti di Movimento, imposta l’Header per essere Fisso in Alto o in Basso, quindi puoi impostare i valori rilevanti nel campo Offset dell’Ancora.

Get Elementor Pro

[Pro] Widget di Ricerca Migliorato: Paginazione dei Risultati Live

Il Widget di Ricerca in Elementor 3.25 riceve un importante aggiornamento con l’introduzione della paginazione per i Risultati Live. In precedenza, i risultati della ricerca all’interno del menu a discesa della Ricerca Live mostravano solo un certo numero di elementi, e i visitatori dovevano navigare verso una pagina separata per visualizzare ulteriori risultati. Ora, Elementor 3.25 introduce la paginazione direttamente all’interno del menu a discesa della Ricerca Live, permettendo ai visitatori di sfogliare più griglie di risultati senza lasciare la pagina corrente e fornendo un’esperienza più fluida quando si cerca tra grandi volumi di contenuti.

Vantaggi Principali

• Esperienza di ricerca migliorata: I visitatori possono esplorare più risultati direttamente all’interno della barra di ricerca, riducendo l’attrito e mantenendoli coinvolti.
• Maggiore scoperta dei contenuti: Con la paginazione, i visitatori hanno maggiori probabilità di trovare i contenuti che stanno cercando, migliorando la soddisfazione dei visitatori.
• Maggiore coinvolgimento e tassi di rimbalzo più bassi: Mantenendo i visitatori sulla pagina corrente mentre cercano, crei un’esperienza più fluida che li mantiene coinvolti più a lungo.

Come impostare la paginazione

Per aggiungere la paginazione al tuo widget di ricerca, prima abilita i Risultati Live nella sezione Risultati della scheda Contenuto e scegli il tuo Modello Loop, poi sotto Impostazioni Aggiuntive (nella stessa scheda – Contenuto) puoi scegliere di abilitare le opzioni di paginazione con numeri e/o avanti/indietro. Puoi anche personalizzare l’aspetto della tua paginazione dalla scheda Stile. Hai la possibilità di regolare l’allineamento, il posizionamento verticale, la spaziatura e la tipografia, oltre alla possibilità di aggiungere stili per lo stato Hover e Attivo.

Get Elementor Pro

Aggiornamenti aggiuntivi a Elementor 3.25

• Invio Moduli attivo di default su tutti i siti web: Gli invii dei moduli sono ora nativi nell’Editor e attivi su tutti i siti web. Gli utenti possono disabilitare questa funzione dalla dashboard di WP navigando su Elementor > Impostazioni > Avanzate.
• Nuovo esperimento di prestazioni Markup Ottimizzato: Rimozione del primo wrapper div per i widget Button, PayPal e Stripe per semplificare il markup e ridurre il DOM complessivo. Attualmente in stato Alpha e non dovrebbe essere attivato su siti di produzione.
• Tema Twenty Fifteen: Rimozione di una compatibilità CSS che rimuove il colore di sfondo del tema sulle pagine che utilizzano il template “Elementor Canvas”.
• Aggiornamenti di funzionalità ed esperimenti:
  • Contenitore a Griglia – Unito al Contenitore Flexbox e rinominato in ‘Contenitore’.
  • Caricamento Controllo Ottimizzato – Attivo per i siti esistenti e promosso a Stabile.
  • Elementi Annidati – Attivi per i siti esistenti.
  • Barra Superiore dell’Editor – Attiva per i siti esistenti.
  • Condizioni di Visualizzazione (per elementi) – Nativo nell’Editor.

Sblocca il pieno potenziale di Elementor 3.25

Elementor 3.25 è progettato per rendere il tuo sito web più veloce, fluido e interattivo. Dall’ottimizzazione del CSS per migliori prestazioni, al miglioramento dello scorrimento con CSS nativo, fino a rendere la ricerca di contenuti più facile con la paginazione dei risultati live, questo aggiornamento è ricco di strumenti potenti per migliorare sia il tuo flusso di lavoro che l’esperienza dei tuoi visitatori. Aggiorna ora a Elementor 3.25 per sfruttare queste nuove funzionalità e portare il tuo sito web al livello successivo.

Get Elementor Pro