{"id":119645,"date":"2023-11-01T10:52:47","date_gmt":"2023-11-01T08:52:47","guid":{"rendered":"https:\/\/elementor.com\/blog\/novita-in-elementor-3-17-migliora-lesperienza-dei-visitatori-con-ajax-siti-web-piu-veloci-e-altro\/"},"modified":"2025-12-28T02:31:22","modified_gmt":"2025-12-28T00:31:22","slug":"novita-in-elementor-3-17-migliora-lesperienza-dei-visitatori-con-ajax-siti-web-piu-veloci-e-altro","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/it\/novita-in-elementor-3-17-migliora-lesperienza-dei-visitatori-con-ajax-siti-web-piu-veloci-e-altro\/","title":{"rendered":"Novit\u00e0 in Elementor 3.17 – Migliora l’Esperienza dei Visitatori con AJAX, Siti Web pi\u00f9 Veloci e Altro"},"content":{"rendered":"\n

Questa versione introduce il tanto atteso Caricamento AJAX per Loop Grids, che consente di cambiare la paginazione senza ricaricare l’intera pagina.\nOttimizza anche il caricamento delle immagini, migliorando le prestazioni del tuo sito.\nIl nuovo Widget di Valutazione espande la tua flessibilit\u00e0 per caricare un SVG<\/a> personalizzato e scegliere qualsiasi scala di valutazione.\nInoltre, i miglioramenti al Mega Menu consentono lo scorrimento orizzontale per i menu che non si riducono nel “Layout Hamburger”. <\/p>\n\n

Hello Theme<\/a> \u00e8 aggiornato alla versione 2.9, con una nuova pagina delle Impostazioni che consente di disabilitare le funzionalit\u00e0 integrate del tema per migliorare le prestazioni del sito.<\/p>\n\n

\"\"<\/figure>\n\n

[PRO] Introduzione di AJAX per Loop Grids – Per un Caricamento dei Contenuti Senza Interruzioni <\/strong><\/h2>\n\n

Siamo entusiasti di presentare la quarta funzionalit\u00e0 pi\u00f9 richiesta su GitHub: il caricamento AJAX per Loop Grids.\nAJAX, che sta per Asynchronous JavaScript and XML, rende l’esperienza dei visitatori del tuo sito pi\u00f9 fluida caricando nuovi contenuti in un Loop Grid senza ricaricare l’intera pagina. <\/p>\n\n

Paginazione AJAX per Loop Grid <\/strong><\/h3>\n\n

I visitatori possono ora passare da una pagina all’altra del tuo elenco senza ricaricare l’intera pagina.\nCliccando sull’elemento di paginazione del Loop Grid si ricarica solo il contenuto del Grid, facilitando un’esperienza pi\u00f9 fluida per i visitatori che navigano tra un elenco di prodotti o post.\nLa Paginazione AJAX assegna anche a ciascuna pagina del tuo elenco un parametro URL<\/a>, rendendo pi\u00f9 facile per i visitatori salvare o condividere link a pagine specifiche dell’elenco.\nAd esempio, se stai costruendo un blog di ricette, i visitatori possono navigare facilmente tra un elenco di ricette e condividere o salvare link alle pagine con le ricette che hanno apprezzato. <\/p>\n\n

Il controllo “Autoscroll” \u00e8 un’altra funzionalit\u00e0 del Caricamento AJAX.\nAttivando l’autoscroll si scorre automaticamente verso l’alto del grid quando i visitatori cambiano la paginazione.\nSe stai utilizzando un Filtro Tassonomico, puoi impostare un valore di offset per l’effetto autoscroll per mantenere la barra del filtro visibile. <\/p>\n\n

Paginazione Individuale per Loop Grids e Widget di Post<\/strong><\/h3>\n\n

Nelle versioni precedenti, cambiare la paginazione di un elenco influenzava la paginazione di altri elenchi sulla stessa pagina.\nAd esempio, se sia un Loop Grid che un Widget di Post erano posizionati sulla stessa pagina, selezionando la terza pagina di uno di essi si caricava anche la terza pagina del secondo.\nTuttavia, con la funzionalit\u00e0 di Paginazione Individuale, i visitatori possono ora cambiare la paginazione di un elenco senza influenzare altri Loop Grids e Widgets<\/a> di Post sulla pagina.\nAd esempio, in un blog di ricette, puoi aggiungere un Loop Grid che mostra ricette vegetariane accanto a un Loop Grid o Widget di Post che mostra un elenco di tutti i tuoi post.\nI visitatori possono cambiare la paginazione del Widget di Post o del Loop Grid in modo indipendente. <\/p>\n\n

\"\"<\/figure>\n\n

Migliora le Prestazioni del Sito con un LCP pi\u00f9 Veloce<\/strong><\/h2>\n\n

Elementor<\/a> 3.17 rende il tuo sito ancora pi\u00f9 veloce con due funzionalit\u00e0 che accelereranno il tempo di caricamento del tuo sito web. <\/p>\n\n

Ottimizza il Caricamento delle Immagini<\/strong><\/h3>\n\n

Il primo aggiornamento delle prestazioni in questa versione \u00e8 il risultato della collaborazione di Elementor con Chrome per identificare opportunit\u00e0 di miglioramento delle prestazioni dei siti web costruiti con Elementor.\nLa collaborazione prevede l’utilizzo di strumenti Google come il Chrome User Experience Report e il Core Web Vitals Technology Report.\nUno dei risultati dell’utilizzo di questi strumenti \u00e8 la decisione di Google di contribuire le funzionalit\u00e0 di “Ottimizzazione del caricamento delle immagini” al plugin core di Elementor. <\/p>\n\n

Questa funzionalit\u00e0 sperimentale migliora la velocit\u00e0 del frontend dando priorit\u00e0 al caricamento delle immagini in base alla loro posizione sulla pagina.\nRileva quale immagine \u00e8 pi\u00f9 probabilmente l'”immagine LCP”, l’elemento pi\u00f9 grande del paint nel viewport, e ne d\u00e0 priorit\u00e0 al caricamento utilizzando suggerimenti di priorit\u00e0. <\/p>\n\n

L’esperimento applica anche il lazy-loading alle immagini non inizialmente visualizzate nel viewport e le carica quando entrano in vista.\nQuesti cambiamenti migliorano la metrica LCP Core Web Vital del 5-10%, a seconda della complessit\u00e0 della pagina.\nQuindi le pagine con molte immagini godranno di un miglioramento delle prestazioni ancora maggiore.\nQuesta funzionalit\u00e0 funziona anche con i siti web Elementor che girano su versioni pi\u00f9 vecchie di WordPress che non includono aggiornamenti di rilevamento LCP. <\/p>\n\n

Caricamento delle Risorse di Gutenberg<\/strong><\/h3>\n\n

Il secondo aggiornamento delle prestazioni aumenta la velocit\u00e0 del frontend del tuo sito escludendo stili e script di Gutenberg quando non sono in uso.\nQuesto esperimento migliora la metrica LCP del tuo sito rilevando quando Gutenberg non \u00e8 stato utilizzato per creare una pagina o generare il suo contenuto.\nQuesto consente a Elementor di evitare di caricare codice non necessario. <\/p>\n\n

\"\"<\/figure>\n\n

Nuovo Widget di Valutazione per la Flessibilit\u00e0 del Design <\/strong><\/h2>\n\n

Elementor 3.17 introduce il nuovo Widget di Valutazione, offrendo maggiore flessibilit\u00e0 per personalizzare le tue scale di valutazione visiva per prodotti, contenuti e altro.\nPuoi rappresentare visivamente la tua valutazione utilizzando le icone di Font Awesome o caricando il tuo SVG.\nAd esempio, per una recensione musicale, potresti usare il tuo SVG per dare a un nuovo album una valutazione di 5 su 5 dischi d’oro. <\/p>\n\n

Il Widget di Valutazione espande la gamma di scale di valutazione disponibili nel Widget di Valutazione a Stelle.\nInvece di essere limitato a una scala da 0 a 5 o da 0 a 10, ora puoi impostare una scala di valutazione da zero a qualsiasi numero che soddisfi le tue esigenze.\nAd esempio, potresti dare a un album una valutazione di 3 su 3 o 7 su 7 dischi d’oro.\nIl menu a tendina della Scala di Valutazione \u00e8 stato sostituito con un intervallo per facilit\u00e0 d’uso. <\/p>\n\n

Inoltre, il Widget di Valutazione migliora il posizionamento SEO del tuo sito con un attributo schema migliorato.\nSostituisce il Widget di Valutazione a Stelle nel Pannello dei Widget, ma tutte le Valutazioni a Stelle esistenti sul tuo sito rimarranno inalterate. <\/p>\n\n

\"\"<\/figure>\n\n

Scorrimento Orizzontale per il Widget del Menu <\/strong><\/h2>\n\n

Elementor 3.17 offre maggiore flessibilit\u00e0 di design nella creazione dei menu.\nFino ad ora, quando i visitatori cambiavano la dimensione della finestra di visualizzazione, i menu si ridimensionavano in un “layout a discesa” (noto anche come “menu hamburger”).\nCon i nuovi aggiornamenti al Widget del Menu, puoi impedire che i menu si ridimensionino andando su Impostazioni Responsive<\/a>, aprendo il menu a discesa etichettato \u201cBreakpoint\u201d e selezionando “Nessuno. <\/p>\n\n

Disabilitare il ridimensionamento responsive<\/a> pu\u00f2 comportare situazioni in cui il menu \u00e8 pi\u00f9 largo della finestra di visualizzazione.\nIn molti casi, questo pu\u00f2 far scendere alcuni elementi del menu alla riga successiva.\nPer evitare ci\u00f2, la versione 3.17 include anche la possibilit\u00e0 di abilitare lo scorrimento orizzontale.\nQuando abilitato, il tuo menu manterr\u00e0 il design originale su qualsiasi dispositivo e permetter\u00e0 ai visitatori di scorrere orizzontalmente attraverso gli elementi del menu senza interrompere il design. <\/p>\n\n

\"\"<\/figure>\n\n

Miglioramenti all’Accessibilit\u00e0<\/strong><\/h2>\n\n