{"id":128016,"date":"2025-08-14T09:00:00","date_gmt":"2025-08-14T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=128016"},"modified":"2026-01-21T09:31:05","modified_gmt":"2026-01-21T08:31:05","slug":"lazy-load-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/lazy-load-wordpress\/","title":{"rendered":"Lazy load in WordPress: guida completa per un sito sempre veloce"},"content":{"rendered":"\n<p>Come utente del web, avrai presente quant\u2019\u00e8 frustrante dover aspettare che una pagina web finisca di caricarsi. Non a caso, <strong>la lentezza \u00e8 uno dei motivi principali per cui le persone abbandonano un sito<\/strong>, a volte prima ancora di essere riuscite a visualizzarlo.&nbsp;<\/p>\n\n\n\n<p>Per fortuna esistono vari accorgimenti per evitare che i visitatori perdano la pazienza, e uno di questi consiste nell\u2019implementare il lazy load in WordPress.<\/p>\n\n\n\n<p>Secondo uno <a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/app-and-mobile\/page-load-time-statistics\/\" rel=\"noopener\">studio di Google<\/a>, quando il tempo di caricamento di una pagina passa da 1 a 3 secondi la probabilit\u00e0 che venga abbandonata aumenta del 32%; se la visualizzazione della pagina si fa attendere per pi\u00f9 di 5 secondi la probabilit\u00e0 di abbandono sale al 90%. In particolare chi si connette da mobile abbandona un sito che impiega pi\u00f9 di 3 secondi a caricarsi in pi\u00f9 della met\u00e0 dei casi <a href=\"https:\/\/www.thinkwithgoogle.com\/consumer-insights\/consumer-trends\/mobile-site-load-time-statistics\/\" rel=\"noopener\">sostiene ancora il colosso americano<\/a>.<\/p>\n\n\n\n<p>Sul fatto che un tempo di caricamento lungo sia fastidioso per l&#8217;utente ci sono pochi dubbi; purtroppo per\u00f2 un <a href=\"https:\/\/supporthost.com\/it\/wordpress-lento\/\">sito WordPress lento<\/a> <strong>rischia di non piacere neanche ai motori di ricerca<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Vediamo quindi come migliorare sia l\u2019esperienza utente che i Core Web Vitals senza rinunciare a una sola immagine o video, ma facendo s\u00ec che si carichino solo quando serve.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-il-lazy-load\">Cos\u2019\u00e8 il lazy load?<\/a><ul><li><a href=\"#come-funziona-il-caricamento-di-una-pagina-web\">Come funziona il caricamento di una pagina web?<\/a><\/li><li><a href=\"#impatto-di-immagini-e-video-sulla-velocita-di-word-press\">Impatto di immagini e video sulla velocit\u00e0 di WordPress<\/a><\/li><li><a href=\"#vantaggi-del-lazy-load\">Vantaggi del lazy load<\/a><\/li><\/ul><\/li><li><a href=\"#il-lazy-load-nativo-di-word-press\">Il lazy load nativo di WordPress<\/a><ul><li><a href=\"#a-cosa-si-applica-il-lazy-load-di-word-press\">A cosa si applica il lazy load di WordPress?\u00a0<\/a><\/li><li><a href=\"#limiti-del-lazy-load-nativo-di-word-press\">Limiti del lazy load nativo di WordPress<\/a><\/li><\/ul><\/li><li><a href=\"#come-capire-se-il-lazy-load-nativo-non-sta-funzionando\">Come capire se il lazy load nativo non sta funzionando<\/a><\/li><li><a href=\"#gestire-il-lazy-load-di-word-press-senza-plugin\">Gestire il lazy load di WordPress senza plugin<\/a><ul><li><a href=\"#impostare-il-lazy-load-di-singoli-elementi-con-html\">Impostare il lazy load di singoli elementi (con HTML)<\/a><\/li><li><a href=\"#disattivare-il-lazy-load-di-word-press-su-immagini-specifiche-con-html\">Disattivare il lazy load di WordPress su immagini specifiche (con HTML)<\/a><\/li><li><a href=\"#personalizzare-il-lazy-load-di-word-press-con-php\">Personalizzare il lazy load di WordPress con PHP<\/a><\/li><li><a href=\"#personalizzare-il-lazy-load-di-word-press-con-java-script\">Personalizzare il lazy load di WordPress con JavaScript<\/a><\/li><\/ul><\/li><li><a href=\"#quando-usare-un-plugin-per-il-lazy-load-su-word-press\">Quando usare un plugin per il lazy load su WordPress?<\/a><\/li><li><a href=\"#migliori-plugin-word-press-per-il-lazy-load\">Migliori plugin WordPress per il lazy load\u00a0<\/a><\/li><li><a href=\"#plugin-lazy-load\">Plugin lazy load\u00a0<\/a><ul><li><a href=\"#lazy-load-by-wp-rocket\">LazyLoad by WP Rocket<\/a><\/li><li><a href=\"#a-3-lazy-load\">a3 Lazy Load<\/a><\/li><\/ul><\/li><li><a href=\"#plugin-per-immagini-e-lazy-load\">Plugin per immagini (e lazy load)<\/a><ul><li><a href=\"#smush\">Smush<\/a><\/li><\/ul><\/li><li><a href=\"#plugin-per-video-e-lazy-load\">Plugin per video (e lazy load)<\/a><ul><li><a href=\"#lazy-load-for-videos\">Lazy Load for Videos<\/a><\/li><li><a href=\"#word-press-you-tube-lyte\">WordPress YouTube Lyte<\/a><\/li><\/ul><\/li><li><a href=\"#disattivare-il-lazy-load-di-word-press\">Disattivare il lazy load di WordPress<\/a><\/li><li><a href=\"#assicurarsi-che-il-lazy-load-non-danneggi-la-seo\">Assicurarsi che il lazy load non danneggi la SEO<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni\u00a0<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-il-lazy-load\">Cos\u2019\u00e8 il lazy load?<\/h2>\n\n\n\n<p>Il lazy load \u2013 letteralmente caricamento pigro \u2013, o caricamento differito, \u00e8 una tecnica che permette di <strong>caricare immagini e altri contenuti multimediali solo quando stanno per essere visualizzati<\/strong> dalle persone.&nbsp;<\/p>\n\n\n\n<p>Forse ti sembrer\u00e0 ovvio, ma non lo \u00e8: infatti <strong>dove non \u00e8 configurato il lazy load<\/strong>, al momento dell\u2019apertura il browser carica tutti gli elementi multimediali presenti nella pagina.&nbsp;<\/p>\n\n\n\n<p><strong>Invece con il lazy load attivo<\/strong>, il browser carica solo gli elementi visibili nella parte superiore dello schermo, quella che l\u2019utente vede appena entra. Gli altri contenuti vengono caricati dinamicamente man mano che (e solo se) scorre la pagina verso il basso.<\/p>\n\n\n\n<p>In italiano Google lo chiama <strong>caricamento lento<\/strong>, il che lo fa sembrare un problema, mentre non lo \u00e8 affatto.<\/p>\n\n\n\n<p>Il caricamento differito funziona grazie all\u2019aggiunta dell\u2019<strong>attributo HTML <\/strong><strong><em>loading=&#8221;lazy&#8221;<\/em><\/strong> ad alcuni elementi della pagina web, uno standard supportato da tutti i principali browser attuali che funziona in qualsiasi CMS, non solo su <a href=\"https:\/\/supporthost.com\/it\/cose-wordpress-come-funziona\/\">WordPress<\/a>.&nbsp;<\/p>\n\n\n\n<p>Dai uno sguardo alla nostra guida pratica se stai iniziando a pensare di <a href=\"https:\/\/supporthost.com\/it\/imparare-html\/\">imparare l\u2019HTML<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"come-funziona-il-caricamento-di-una-pagina-web\">Come funziona il caricamento di una pagina web?<\/h3>\n\n\n\n<p>Per capire il lazy load, ti sar\u00e0 utile avere un\u2019idea di cosa succede <strong>quando una persona apre una pagina web<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Ogni volta che entri su un sito, il browser invia una richiesta al server, che risponde con l\u2019<strong>HTML<\/strong>.<\/p>\n\n\n\n<p>Il browser scarica l\u2019HTML e lo usa per costruire il <strong>DOM<\/strong> (Document Object Model), cio\u00e8 una rappresentazione ad albero degli elementi della pagina.<\/p>\n\n\n\n<p>Poi carica il <strong>CSS<\/strong> (che d\u00e0 lo stile al DOM) e <strong>JavaScript<\/strong>, che rende interattivi i siti web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"impatto-di-immagini-e-video-sulla-velocita-di-word-press\">Impatto di immagini e video sulla velocit\u00e0 di WordPress<\/h3>\n\n\n\n<p>\u00c8 davvero cos\u00ec importante regolare il caricamento di immagini e video? Fino a che punto i contenuti multimediali possono rallentare un sito WordPress?&nbsp;<\/p>\n\n\n\n<p>Ho voluto fare una prova su un sito davvero basico (senza immagini di sfondo nella testata) con installato il <a href=\"https:\/\/supporthost.com\/it\/neve\/\">tema Neve<\/a>, famoso per essere ultraleggero. E questi sono i valori registrati con <a href=\"https:\/\/supporthost.com\/it\/pagespeed-insights\/\">PageSpeed Insights<\/a> su una pagina che contiene <strong>un articolo senza immagini o video<\/strong>:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"723\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-no-foto.png\" alt=\"Pagespeed Insights Articolo WordPress No Foto\" class=\"wp-image-128123\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-no-foto.png 958w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-no-foto-300x226.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-no-foto-768x580.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-no-foto-83x63.png 83w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<p>Ed ecco quegli stessi <strong>parametri dopo l\u2019incorporamento di un video YouTube<\/strong>: lo <em>Speed Index<\/em>, che misura il tempo che impiega un sito ad apparire completo agli occhi dell\u2019utente, \u00e8 passato da 0.9s a 3.7s, valore critico perch\u00e9 superiore ai 3s.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"771\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube.png\" alt=\"Pagespeed Insights Articolo WordPress Video Youtube\" class=\"wp-image-128124\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube.png 958w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube-300x241.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube-768x618.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube-78x63.png 78w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<p>Se al posto del video inserisco <strong>una sola immagine di grosse dimensioni<\/strong> \u2013 PNG non ottimizzata \u2013 la velocit\u00e0 \u00e8 comunque inferiore al valore limite.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"747\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagine.png\" alt=\"Pagespeed Insights Articolo WordPress Immagine\" class=\"wp-image-128125\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagine.png 955w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagine-300x235.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagine-768x601.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagine-81x63.png 81w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><\/figure>\n\n\n\n<p>Con <strong>3 immagini <\/strong>di questo tipo e nessuna precauzione per ridurne l\u2019impatto, la situazione diventa drammatica.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"956\" height=\"760\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagini.png\" alt=\"Pagespeed Insights Articolo WordPress Immagini\" class=\"wp-image-128126\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagini.png 956w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagini-300x238.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagini-768x611.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-immagini-79x63.png 79w\" sizes=\"auto, (max-width: 956px) 100vw, 956px\" \/><\/figure>\n\n\n\n<p>Ecco perch\u00e9 sono stati escogitati i diversi sistemi per ridurre l\u2019impatto dei contenuti multimediali sulle prestazioni dei siti, tra cui il lazy load.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vantaggi-del-lazy-load\">Vantaggi del lazy load<\/h3>\n\n\n\n<p>Lo scopo principale del caricamento differito \u00e8 ridurre il peso iniziale della pagina e <strong>accelerare il tempo di caricamento della parte subito visibile<\/strong> (il cosiddetto <em>above the fold<\/em>). Ma ci sono altri effetti \u2018collaterali\u2019 positivi.<\/p>\n\n\n\n<p>Il lazy load smorza il carico sul server perch\u00e9 riduce le richieste HTTP e distribuisce il trasferimento dei dati su un tempo pi\u00f9 lungo, e cos\u00ec <strong>permette di risparmiare sull\u2019hosting<\/strong> e sulla CDN.<\/p>\n\n\n\n<p><strong>Ottimizza l\u2019esperienza utente<\/strong>, soprattutto sui dispositivi mobili o quando la connessione \u00e8 lenta o instabile.<\/p>\n\n\n\n<p><strong>Migliora la SEO<\/strong>, poich\u00e9 la velocit\u00e0 misurata attraverso i <a href=\"https:\/\/supporthost.com\/it\/core-web-vitals-ranking\/\">Core Web Vitals \u00e8 un fattore di ranking<\/a> per Google. In particolare, il caricamento differito aiuta il sito a ottenere migliori punteggi nel <em>Largest Contentful Paint<\/em> \u2013 misura del tempo impiegato a caricare l\u2019elemento pi\u00f9 grande nella finestra \u2013 e <em>First Contentful Paint<\/em> \u2013 secondi necessari al browser per visualizzare il primo elemento della pagina.<\/p>\n\n\n\n<p>L\u2019impatto di questa strategia \u00e8 <strong>proporzionale<\/strong> <strong>alla quantit\u00e0 di contenuti multimediali<\/strong>. Sar\u00e0 grande, ad esempio, in caso di blog con articoli lunghi e ricchi di immagini come ricette, o guide con molti screenshot come quelle di SupportHost; negozi online, portfolio fotografici, pagine con contenuti interattivi e video incorporati.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"il-lazy-load-nativo-di-word-press\">Il lazy load nativo di WordPress<\/h2>\n\n\n\n<p>In WordPress, il lazy load \u00e8 stato introdotto come funzione nativa a partire dalla versione 5.5 (rilasciata nel 2020) ed \u00e8 <strong>attivo per impostazione predefinita<\/strong> sia sui contenuti singoli che sugli archivi.<\/p>\n\n\n\n<p>Con la versione 5.7 (del 2021) il caricamento differito \u00e8 stato <strong>esteso anche agli iframe<\/strong>, purch\u00e9 contengano gli attributi <em>width <\/em>e <em>height<\/em>, che nella maggior parte dei casi sono presenti nel codice di incorporamento.<\/p>\n\n\n\n<p>A partire dalla versione 5.9 di WordPress (2022) il lazy load <strong>non viene pi\u00f9 applicato alla prima immagine o al primo iframe della pagina<\/strong>, che nella maggior parte dei casi ricadono nella vista iniziale \u2013 e questo spiega perch\u00e9 i contenuti multimediali che ho aggiunto ai miei articoli ne abbiano affossato le prestazioni nonostante stia usando l\u2019ultima versione di WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"a-cosa-si-applica-il-lazy-load-di-word-press\">A cosa si applica il lazy load di WordPress?&nbsp;<\/h3>\n\n\n\n<p>Oggi la funzionalit\u00e0 nativa di lazy load di WordPress gestisce<strong> la maggior parte delle immagini e degli iframe<\/strong>: i video di YouTube, le mappe di Google Maps, i podcast di Spotify, ecc.; in pratica gli elementi distinti dai tag HTML &lt;img&gt; e &lt;iframe&gt;.<\/p>\n\n\n\n<p><strong>Non si attiva con i video caricati direttamente dal pc<\/strong> \u2013 che corrispondono al tag &lt;video&gt; \u2013, ma in ogni caso \u00e8 buona norma inserirli prima sulle piattaforme apposite e da l\u00ec importarli sul sito, per non appesantire inutilmente il proprio server.<\/p>\n\n\n\n<p>Il core di WordPress \u00e8 in grado di applicare in automatico l\u2019attributo HTML <em>loading=&#8221;lazy&#8221;<\/em> in corrispondenza dei tag &lt;img&gt; e &lt;iframe&gt;. Anche se spesso la piattaforma d\u2019origine include gi\u00e0 l\u2019attributo <em>lazy<\/em> nel codice di incorporamento<em> <\/em>\u2013 come succede con gli iframe che inseriscono<strong> le mappe <\/strong>di <a href=\"https:\/\/supporthost.com\/it\/google-maps-wordpress\/\">Google Maps in WordPress<\/a> o con quelli di Spotify.<strong>&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"879\" height=\"236\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/maps-lazy-load-wordpress-iframe.png\" alt=\"Maps Lazy Load WordPress Iframe\" class=\"wp-image-128129\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/maps-lazy-load-wordpress-iframe.png 879w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/maps-lazy-load-wordpress-iframe-300x81.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/maps-lazy-load-wordpress-iframe-768x206.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/maps-lazy-load-wordpress-iframe-120x32.png 120w\" sizes=\"auto, (max-width: 879px) 100vw, 879px\" \/><\/figure>\n\n\n\n<p>Le versioni di WordPress successive alla 5.7 applicano in automatico il caricamento differito alle immagini e agli iframe <strong>che si trovano all\u2019interno di<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>contenuto degli articoli<\/li>\n\n\n\n<li>estratti degli articoli<\/li>\n\n\n\n<li>widget di testo.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"limiti-del-lazy-load-nativo-di-word-press\">Limiti del lazy load nativo di WordPress<\/h3>\n\n\n\n<p>Alcuni limiti del lazy load nativo di WordPress non sono stati superati neanche nelle versioni pi\u00f9 recenti del CMS.&nbsp;<\/p>\n\n\n\n<p>Per iniziare, il core di WordPress non applica il caricamento differito automatico alle<strong> immagini di sfondo<\/strong>, sia che siano<strong> <\/strong>inserite via CSS sia \u2018inline\u2019 nel codice HTML.<\/p>\n\n\n\n<p>In pi\u00f9 non \u00e8 in grado di generare <strong>segnaposto e anteprime <\/strong>per i video, che permettono di caricarli solo se l\u2019utente usa il tasto <em>play<\/em> e rendono il sito ancora pi\u00f9 efficiente.<\/p>\n\n\n\n<p>Un altro limite del lazy load nativo di WordPress riguarda la configurazione: non esiste un<strong> pannello per modificare le impostazioni <\/strong>del caricamento differito o disattivarlo solo su certi tipi di elementi. \u00c8 possibile intervenire su pochi aspetti della funzione \u2013 e solo attraverso il codice PHP\u2026 ne riparleremo tra pochissimo.<\/p>\n\n\n\n<p>Infine alcuni page e site builder, come <a href=\"https:\/\/supporthost.com\/it\/generatepress\/\">GeneratePress<\/a> Premium, <strong>potrebbero ignorare o sovrascrivere l\u2019attributo<\/strong> <em>loading=&#8221;lazy&#8221; <\/em>associato da WordPress alle immagini; cos\u00ec come pu\u00f2 capitare, ebbene s\u00ec, che WordPress non riconosca l\u2019iframe e non riesca ad assegnare l\u2019attributo in automatico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-capire-se-il-lazy-load-nativo-non-sta-funzionando\">Come capire se il lazy load nativo non sta funzionando<\/h2>\n\n\n\n<p>Per accertarti che il caricamento differito stia funzionando puoi <strong>ispeziore il codice HTML della pagina<\/strong> e vedere se in corrispondenza dei tag &lt;img&gt; e &lt;iframe&gt; c\u2019\u00e8 l\u2019attributo loading=&#8221;lazy&#8221;.<\/p>\n\n\n\n<p>Anche con un<strong> test su PageSpeed Insights<\/strong> \u00e8 possibile verificare che i Core Web Vitals siano a posto. <\/p>\n\n\n\n<p>Se il lazy load non funziona, dovresti trovare fra le opportunit\u00e0 la voce \u201c<strong>Rimanda immagini fuori schermo<\/strong>\u201d, con accanto un semaforo rosso, e nei dettagli \u201cPotresti usare il caricamento lento per le immagini fuori schermo e nascoste al termine del caricamento di tutte le risorse fondamentali per ridurre il Tempo all&#8217;interattivit\u00e0\u201d, con un rimando a Largest Contentful Paint (LCP) e First Contentful Paint (FCP).<\/p>\n\n\n\n<p>Nel mio caso il semaforo \u00e8 verde perch\u00e9 si tratta di un controllo superato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"216\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-caricamento-lento-page-speed-insights-1024x216.png\" alt=\"Avviso Caricamento Lento Page Speed Insights\" class=\"wp-image-128548\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-caricamento-lento-page-speed-insights-1024x216.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-caricamento-lento-page-speed-insights-300x63.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-caricamento-lento-page-speed-insights-768x162.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-caricamento-lento-page-speed-insights-120x25.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/avviso-caricamento-lento-page-speed-insights.png 1473w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Anche <\/strong><a href=\"https:\/\/supporthost.com\/it\/gtmetrix\/\"><strong>GTmetrix<\/strong><\/a><strong> e Lighthouse<\/strong> ti permettono di controllare le prestazioni delle pagine e accorgerti di eventuali problemi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gestire-il-lazy-load-di-word-press-senza-plugin\">Gestire il lazy load di WordPress senza plugin<\/h2>\n\n\n\n<p>Visto che non esiste un pannello delle impostazioni, per gestire <strong>il lazy load di WordPress senza un plugin <\/strong>non resta che ricorrere al codice: HTML, Javascript o PHP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"impostare-il-lazy-load-di-singoli-elementi-con-html\">Impostare il lazy load di singoli elementi (con HTML)<\/h3>\n\n\n\n<p>In WordPress puoi attivare manualmente il lazy load <strong>aggiungendo l\u2019attributo <\/strong><strong><em>loading=\u201clazy\u201d<\/em><\/strong> nell\u2019HTML agli elementi contraddistinti dai tag &lt;image&gt; e &lt;iframe&gt; e solo a quelli \u2013 negli altri casi non funzioner\u00e0. Pu\u00f2 essere utile quando WordPress non riesce ad attribuire in automatico l\u2019attributo necessario.<\/p>\n\n\n\n<p>Ecco un esempio di inserimento dell&#8217;attributo nell\u2019iframe di un video YouTube:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe\n  src=\"https:\/\/www.youtube.com\/embed\/VIDEO_ID\"\n  loading=\"lazy\"\n  width=\"560\"\n  height=\"315\"\n  title=\"Video YouTube\"\n  allowfullscreen\n&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Oppure nel tag &lt;img&gt; di un&#8217;immagine:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img\n  src=\"https:\/\/esempio.com\/immagine.jpg\"\n  loading=\"lazy\"\n  alt=\"Descrizione dell\u2019immagine\"\n  width=\"600\"\n  height=\"400\"\n&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"disattivare-il-lazy-load-di-word-press-su-immagini-specifiche-con-html\">Disattivare il lazy load di WordPress su immagini specifiche (con HTML)<\/h3>\n\n\n\n<p>Per escludere singole immagini dal lazy load automatico di WordPress, bisogna intervenire manualmente, dal codice, ed \u00e8 possibile in due casi.<\/p>\n\n\n\n<p>Se le hai inserite con il <strong>blocco HTML personalizzato di Gutenberg<\/strong>: in questo caso puoi rimuovere manualmente l\u2019attributo loading=&#8221;lazy&#8221;.<\/p>\n\n\n\n<p>Quando scrivi <strong>codice PHP<\/strong>, ad esempio in un template, puoi disattivare il lazy load per una singola immagine assegnando all\u2019attributo loading il valore &#8216;eager&#8217; nella funzione wp_get_attachment_image() \u2013 un modo per dire a WordPress di caricare subito l\u2019immagine.<\/p>\n\n\n\n<p>La stringa di codice finale assomiglier\u00e0 a questa:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>echo wp_get_attachment_image( $id, 'full', false, &#091; 'loading' =&gt; 'eager' ] );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"personalizzare-il-lazy-load-di-word-press-con-php\">Personalizzare il lazy load di WordPress con PHP<\/h3>\n\n\n\n<p>Sul sito di WordPress puoi trovare tante <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/\" rel=\"noopener\">funzioni<\/a>, anche per il lazy load, da inserire nel file functions.php del tuo tema per modificare il comportamento del sito.&nbsp;<\/p>\n\n\n\n<p><strong><em>wp_lazy_loading_enabled<\/em><\/strong><strong> <\/strong>disattiva il lazy load per le immagini quando si verifica una condizione stabilita da te (ad esempio su una certa pagina).<\/p>\n\n\n\n<p><strong><em>wp_filter_content_tags()<\/em><\/strong><strong> <\/strong>gestisce l\u2019aggiunta degli attributi <em>srcset<\/em>, <em>sizes<\/em> \u2013 che aiutano il browser a scegliere l\u2019immagine pi\u00f9 adatta in base alla dimensione dello schermo e alla risoluzione \u2013 e <em>loading<\/em> \u2013 che abilita il lazy load.<\/p>\n\n\n\n<p><strong><em>wp_img_tag_add_loading_optimization_attrs()<\/em><\/strong> aggiunge agli elementi attributi utili per ottimizzare il caricamento differito, come:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>loading<\/em> (lazy o eager);<br><\/li>\n\n\n\n<li><em>decoding<\/em> (es. async) per indicare al browser come decodificare l\u2019immagine;<br><\/li>\n\n\n\n<li><em>fetchpriority<\/em> (es. high, low) suggerisce la priorit\u00e0 di caricamento dell\u2019immagine.<\/li>\n<\/ul>\n\n\n\n<p><strong><em>wp_iframe_tag_add_loading_attr()<\/em><\/strong> serve per aggiungere <em>loading=&#8221;lazy&#8221;<\/em> agli <em>iframe<\/em>.<\/p>\n\n\n\n<p><strong><em>wp_omit_loading_attr_threshold()<\/em><\/strong> imposta quante immagini o <em>iframe<\/em> iniziali escludere dal lazy load.<\/p>\n\n\n\n<p>Come si usano queste funzioni?<\/p>\n\n\n\n<p>Nel pannello di amministrazione, in <em>Aspetto &gt; Editor<\/em> del tema assicurati di essere sul tema child e apri il <strong>file functions.php<\/strong> dal link sulla barra a sinistra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1352\" height=\"625\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child.png\" alt=\"Editor File Functions Php Tema Child\" class=\"wp-image-128130\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child.png 1352w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1024x473.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-768x355.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-120x55.png 120w\" sizes=\"auto, (max-width: 1352px) 100vw, 1352px\" \/><\/figure>\n\n\n\n<p>Qui puoi <strong>inserire il codice<\/strong> che ti serve specificando le condizioni di applicazione. In caso di dubbi puoi testare le modifiche sullo <a href=\"https:\/\/supporthost.com\/it\/staging-sito\/\">staging del sito<\/a> prima di applicarle alla versione visibile al pubblico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"personalizzare-il-lazy-load-di-word-press-con-java-script\">Personalizzare il lazy load di WordPress con JavaScript<\/h3>\n\n\n\n<p>Se hai familiarit\u00e0 col codice, potresti configurare il lazy load di WordPress attraverso JavaScript (JS), da inserire anche in questo caso nel file functions.php.<\/p>\n\n\n\n<p>Gli script JS possono espandere il caricamento differito a <strong>elementi che non sono coperti dalle funzioni native<\/strong> di WordPress, come le immagini gestite con il CSS, oppure aggiungere effetti, come la sfocatura prima del caricamento.<\/p>\n\n\n\n<p>Gli script JS per il lazy load, come i plugin, usano un sistema per il caricamento differito diverso da quello di WordPress: sfruttano l\u2019<strong>API Intersection Observer<\/strong>, una funzionalit\u00e0 che rileva quando un elemento fuori dallo schermo si avvicina all\u2019area della pagina visibile all\u2019utente.<\/p>\n\n\n\n<p>Non \u00e8 necessario scrivere il codice da zero: puoi sfruttare librerie JavaScript di script per il caricamento differito gi\u00e0 pronti come <a href=\"https:\/\/github.com\/aFarkas\/lazysizes\" rel=\"noopener\">lazysizes<\/a> e <a href=\"https:\/\/github.com\/verlok\/vanilla-lazyload\" rel=\"noopener\">vanilla-lazyload<\/a>, disponibili su <a href=\"https:\/\/supporthost.com\/it\/github\/\">GitHub<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quando-usare-un-plugin-per-il-lazy-load-su-word-press\">Quando usare un plugin per il lazy load su WordPress?<\/h2>\n\n\n\n<p>Ha senso oggi usare un plugin per il lazy load su WordPress? Come sempre, dipende; in molti casi s\u00ec.<\/p>\n\n\n\n<p>Innanzitutto ci sono siti che hanno installate <strong>versioni di WordPress non recenti<\/strong>.<\/p>\n\n\n\n<p>Se usi una<strong> versione del CMS precedente alla 5.5<\/strong>, ad esempio, hai assolutamente bisogno di un sistema per automatizzare il caricamento differito visto che il core non se ne occupa.<\/p>\n\n\n\n<p>Con una<strong> versione di WordPress precedente alla 5.7<\/strong> e molti video o mappe incorporati, un plugin potrebbe esserti utile per aggiungere in automatico l\u2019attributo loading=\u201clazy\u201d. Se inserisci sporadicamente questo tipo di risorse nei tuoi post, invece, puoi valutare di <a href=\"http:\/\/impostare-il-lazy-load-di-singoli-elementi-con-html\">inserirlo a mano di volta in volta nell&#8217;HTML<\/a>.<\/p>\n\n\n\n<p>Se la tua <strong>versione di WordPress \u00e8 precedente alla 5.9<\/strong> e cerchi un modo pratico per assicurarti che il caricamento differito non venga applicato alla parte alta della pagina.<\/p>\n\n\n\n<p>Passando alle versioni successive alla 5.9, un <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\" data-type=\"post\" data-id=\"16110\">plugin WordPress<\/a> per il lazy load pu\u00f2 comunque essere utile.<\/p>\n\n\n\n<p>Ad esempio se hai sezioni con <strong>immagini di sfondo<\/strong>, magari molto grandi, che non si trovano nella parte superiore della pagina.<\/p>\n\n\n\n<p>Oppure se cerchi la <strong>soluzione pi\u00f9 rapida per configurare il lazy load<\/strong> o al contrario vuoi personalizzare tutti gli aspetti del caricamento differito e delle anteprime, ma sempre attraverso una comoda interfaccia.&nbsp;<\/p>\n\n\n\n<p>Infine, se stai gi\u00e0 usando componente aggiuntivo per velocizzare il sito, come WP Rocket o <a href=\"https:\/\/supporthost.com\/it\/litespeed\/\">LiteSpeed Cache<\/a>, la cosa migliore \u00e8 attivare la funzionalit\u00e0 di lazy load del plugin, che \u00e8 con tutta probabilit\u00e0 pi\u00f9 completa di quella nativa del CMS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"migliori-plugin-word-press-per-il-lazy-load\">Migliori plugin WordPress per il lazy load&nbsp;<\/h2>\n\n\n\n<p>Nella <a href=\"https:\/\/wordpress.com\/plugins\/browse\/lazy-loading\" rel=\"noopener\">sezione Lazy loading plugin<\/a> sul sito di WordPress c\u2019\u00e8 l\u2019imbarazzo della scelta tra componenti aggiuntivi gratuiti e con ottime recensioni.&nbsp;<\/p>\n\n\n\n<p>Qual \u00e8 dunque il migliore plugin per il lazy load in WordPress? Come sempre, dipende dalle esigenze del tuo sito e dalle tue preferenze.&nbsp;Tanto per iniziare, sappi che puoi attivare il caricamento differito dei contenuti multimediali con diversi tipi di strumenti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>plugin lazy load generici<\/strong>, che gestiscono tutti gli aspetti del lazy load;&nbsp;<\/li>\n\n\n\n<li><strong>plugin per le immagini<\/strong>, che si occupano di ottimizzazione delle immagini a 360 gradi;<\/li>\n\n\n\n<li><strong>plugin per i video<\/strong>, spesso capaci di offrire anche la personalizzazione dei contenuti incorporati oltre al lazy load.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"plugin-lazy-load\">Plugin lazy load&nbsp;<\/h2>\n\n\n\n<p>Tra i pi\u00f9 popolari plugin capaci di integrare le funzionalit\u00e0 di caricamento differito che mancano su WordPress, o sostituirle del tutto, ci sono <strong>Lazy Load by WP Rocket e a3 Lazy Load<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"lazy-load-by-wp-rocket\">LazyLoad by WP Rocket<\/h3>\n\n\n\n<p>LazyLoad by WP Rocket, di WordPress Media, vanta pi\u00f9 di 100.000 installazioni attive e una valutazione media di 4.2 stelle su 5. \u00c8 gratuito e aggiornato spesso, con pochissime impostazioni, ideale per chi cerca una <strong>soluzione semplice e veloce per il caricamento differito su WordPress<\/strong>. Lo script \u2018pesa\u2019 meno di 10KB e non usa librerie JavaScript, il che lo rende davvero leggero.<\/p>\n\n\n\n<p>Se vuoi provare LazyLoad, vai prima di tutto nell\u2019admin di WordPress, in <em>Plugin &gt; Aggiungi nuovo<\/em>, cercalo, fai clic su <strong>Installa <\/strong>e attivalo non appena compare il pulsante apposito.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-by-wp-rocket-1024x483.png\" alt=\"Lazy Load By Wp Rocket\" class=\"wp-image-128132\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-by-wp-rocket-1024x483.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-by-wp-rocket-300x141.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-by-wp-rocket-768x362.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-by-wp-rocket-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-by-wp-rocket.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il plugin comparir\u00e0 nell\u2019elenco e potrai accedere alle impostazioni cliccando su <strong>Settings<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"256\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installato-lazy-load-optimize-images-1024x256.png\" alt=\"Installato Lazy Load Optimize Images\" class=\"wp-image-128133\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installato-lazy-load-optimize-images-1024x256.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installato-lazy-load-optimize-images-300x75.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installato-lazy-load-optimize-images-768x192.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installato-lazy-load-optimize-images-120x30.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/installato-lazy-load-optimize-images.png 1289w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per configurarlo ti baster\u00e0 un attimo; devi decidere solo se:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>attivare il lazy load per le <strong>immagini<\/strong>;<\/li>\n\n\n\n<li>attivare il lazy load per <strong>iframe<\/strong> e video;<\/li>\n\n\n\n<li>e se impostare una <strong>miniatura <\/strong>per i video di YouTube.<\/li>\n<\/ul>\n\n\n\n<p>Per <strong>testare il funzionamento<\/strong> di LazyLoad by WP Rocket, ho selezionato tutte le opzioni, poi sono tornata all\u2019articolo in cui avevo inserito il video di YouTube.<\/p>\n\n\n\n<p>Ho notato subito la differenza perch\u00e9 al posto del video c\u2019era un\u2019immagine d\u2019<strong>anteprima<\/strong> molto compressa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazyload-plugin-video-youtube-incorporato-1024x638.png\" alt=\"Lazyload Plugin Video Youtube Incorporato\" class=\"wp-image-128134\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazyload-plugin-video-youtube-incorporato-1024x638.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazyload-plugin-video-youtube-incorporato-300x187.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazyload-plugin-video-youtube-incorporato-768x479.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazyload-plugin-video-youtube-incorporato-101x63.png 101w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazyload-plugin-video-youtube-incorporato.png 1351w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ricordi le prestazioni dell\u2019articolo col video incorporato prima dell\u2019installazione del plugin? Eccole:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"771\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube.png\" alt=\"Pagespeed Insights Articolo WordPress Video Youtube\" class=\"wp-image-128124\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube.png 958w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube-300x241.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube-768x618.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-articolo-wordpress-video-youtube-78x63.png 78w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<p>Come vedi, ora la pagina con video mantiene gli <strong>stessi punteggi <\/strong>di quando conteneva solo testo.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"653\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-lazyload-plugin-video-1024x653.png\" alt=\"Pagespeed Insights Lazyload Plugin Video\" class=\"wp-image-128135\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-lazyload-plugin-video-1024x653.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-lazyload-plugin-video-300x191.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-lazyload-plugin-video-768x489.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-lazyload-plugin-video-99x63.png 99w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/pagespeed-insights-lazyload-plugin-video.png 1180w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cosa aggiunge questo plugin lazy load rispetto alla funzionalit\u00e0 nativa di WordPress? Soprattutto 2 cose: permette di attivare il caricamento differito anche sulle<strong> immagini di sfondo<\/strong>, inserite sia inline che col CSS, e di applicare <strong>anteprime statiche agli iframe<\/strong> dei video, con impatto positivo misurabile sulle prestazioni.&nbsp;<\/p>\n\n\n\n<p>Per saperne di pi\u00f9, puoi consultare la <a href=\"https:\/\/docs.wp-rocket.me\/category\/32-lazyload\" rel=\"noopener\">documentazione di supporto ufficiale<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"a-3-lazy-load\">a3 Lazy Load<\/h3>\n\n\n\n<p>a3 Lazy Load, di a3rev, \u00e8 un altro plugin per il caricamento differito in WordPress molto diffuso, e gratuito, con oltre 100.000 installazioni attive e valutazione media pari a 4.3 stelle su 5. Non a caso, lo abbiamo gi\u00e0 incontrato parlando di come <a href=\"https:\/\/supporthost.com\/it\/ottimizzare-immagini-seo\/\">ottimizzare le immagini per la SEO<\/a>.<\/p>\n\n\n\n<p>a3 Lazy Load offre un <strong>gran numero di opzioni<\/strong> quindi richiede qualche minuto di ragionamento sulla configurazione, con la possibilit\u00e0 di cercare informazioni e chiedere aiuto sul <a href=\"https:\/\/wordpress.org\/support\/plugin\/a3-lazy-load\/\" rel=\"noopener\">forum di supporto<\/a>.<\/p>\n\n\n\n<p>Se vuoi metterlo alla prova, lo trovi nella solita sezione dell\u2019admin <em>Plugin &gt; Aggiungi nuovo<\/em>, dove puoi cercarlo, <strong>installarlo <\/strong>e attivarlo con gli appositi pulsanti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"351\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/a3-lazy-load-plugin-wordpress-1024x351.png\" alt=\"A3 Lazy Load Plugin WordPress\" class=\"wp-image-128136\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/a3-lazy-load-plugin-wordpress-1024x351.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/a3-lazy-load-plugin-wordpress-300x103.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/a3-lazy-load-plugin-wordpress-768x264.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/a3-lazy-load-plugin-wordpress-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/a3-lazy-load-plugin-wordpress.png 1352w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Poi troverai le impostazioni nella schermata <strong>Plugin<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"286\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-a3-lazy-load-plugin-1024x286.png\" alt=\"Impostazioni A3 Lazy Load Plugin\" class=\"wp-image-128137\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-a3-lazy-load-plugin-1024x286.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-a3-lazy-load-plugin-300x84.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-a3-lazy-load-plugin-768x214.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-a3-lazy-load-plugin-120x33.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-a3-lazy-load-plugin.png 1348w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In questo caso hai qualche opzione in pi\u00f9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-a3-lazy-load-plugin-1024x623.png\" alt=\"Opzioni A3 Lazy Load Plugin\" class=\"wp-image-128138\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-a3-lazy-load-plugin-1024x623.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-a3-lazy-load-plugin-300x183.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-a3-lazy-load-plugin-768x467.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-a3-lazy-load-plugin-104x63.png 104w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-a3-lazy-load-plugin.png 1068w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per iniziare a3 Lazy Load permette di <strong>scegliere se integrare la funzione nativa<\/strong> di WordPress applicando il lazy load agli elementi che il core del CMS non \u00e8 in grado di caricare in modo differito; oppure disattivare la funzione nativa di WordPress e sostituirla del tutto.&nbsp;<\/p>\n\n\n\n<p><strong>Riguardo alle immagini<\/strong>, questo plugin offre la possibilit\u00e0 di attivarne o disattivarne il caricamento e di escludere eventualmente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le immagini nel contenuto<\/li>\n\n\n\n<li>quelle nei widget<\/li>\n\n\n\n<li>quelle nelle anteprime dei post<\/li>\n\n\n\n<li>quelle nei gravatar.<\/li>\n<\/ul>\n\n\n\n<p>Inoltre prevede l\u2019<strong>opzione Noscript Support<\/strong>, con cui riesce a mostrare le immagini anche a chi ha JavaScript disabilitato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"879\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-immagini-a3-lazy-load-plugin.png\" alt=\"Opzioni Immagini A3 Lazy Load Plugin\" class=\"wp-image-128139\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-immagini-a3-lazy-load-plugin.png 864w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-immagini-a3-lazy-load-plugin-295x300.png 295w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-immagini-a3-lazy-load-plugin-768x781.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/opzioni-immagini-a3-lazy-load-plugin-62x63.png 62w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p>Si possono <strong>escludere dal lazy load le immagini <\/strong>in base alla classe dalle impostazioni generali, cos\u00ec come singole immagini aggiungendo nel codice la classe <em>skip-lazy<\/em> o l\u2019attributo <em>data-skip-lazy<\/em>.&nbsp;&nbsp;<\/p>\n\n\n\n<p>a3 Lazy Load <strong>funziona anche con le gallerie di immagini<\/strong> con scorrimento orizzontale; basta inserire il nome della classe o l\u2019ID del contenitore della galleria nelle impostazioni generali.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"865\" height=\"441\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/esclusioni-immagini-a3-lazy-load.png\" alt=\"Esclusioni Immagini A3 Lazy Load\" class=\"wp-image-128140\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/esclusioni-immagini-a3-lazy-load.png 865w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/esclusioni-immagini-a3-lazy-load-300x153.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/esclusioni-immagini-a3-lazy-load-768x392.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/esclusioni-immagini-a3-lazy-load-120x61.png 120w\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p><strong>Parlando di video e iframe<\/strong> invece, con a3 Lazy Load puoi scegliere se attivare il caricamento differito di tutti i video e iframe incorporati e video HTML5, dei video nel contenuto e negli widget, e anche in questo caso attivare Noscript Support.<\/p>\n\n\n\n<p>Anche video e iframe possono essere <strong>esclusi in base alla classe<\/strong> <strong>o singolarmente<\/strong> aggiungendo la classe o l\u2019attributo di esclusione.&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>Per tutti i tipi di elementi multimediali<\/strong>, l\u2019esclusione si pu\u00f2 far dipendere anche dal tipo di pagina (home page, articoli, pagine, archivi, ecc.) e dal URI.<\/p>\n\n\n\n<p>Sono disponibili <strong>effetti e colori di sfondo<\/strong> da applicare alle immagini e video in caricamento.<\/p>\n\n\n\n<p>Inoltre si pu\u00f2 <strong>espandere l\u2019area visibile della pagina<\/strong> di un numero di pixel a scelta incidendo cos\u00ec sul momento di inizio del caricamento degli elementi.<\/p>\n\n\n\n<p>Il vantaggio di usare un plugin come a3 Lazy Load? La possibilit\u00e0 di gestire in lazy load <strong>qualsiasi tipo di iframe<\/strong>, comprese le mappe di Google Maps, i pulsanti di Facebook e i podcast; pi\u00f9 il <strong>massimo controllo<\/strong> su come avviene il caricamento differito.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"plugin-per-immagini-e-lazy-load\">Plugin per immagini (e lazy load)<\/h2>\n\n\n\n<p>Un\u2019alternativa ai plugin lazy load sono quelli che si occupano di <a href=\"https:\/\/supporthost.com\/it\/strumenti-per-ottimizzare-immagini\/\">ottimizzare le immagini<\/a> e in pi\u00f9 supportano il caricamento differito, con il vantaggio di <strong>riunire tante funzionalit\u00e0 in unico strumento<\/strong>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"smush\">Smush<\/h3>\n\n\n\n<p>Smush propone diversi strumenti per <strong>ottimizzare le immagini in modo davvero semplice<\/strong> e adatto a chi ha poco tempo o \u00e8 alle prime armi. Nella versione premium permette anche di trasformare le immagini in <a href=\"https:\/\/supporthost.com\/it\/webp-wordpress\/\">WebP per WordPress<\/a> e renderle pi\u00f9 leggere ed efficienti all\u2019interno del tuo sito.<\/p>\n\n\n\n<p>Lo trovi sull\u2019admin del sito nella sezione <em>Plugin &gt; Aggiungi nuovo<\/em>, dove puoi cercare Smush, <strong>installarlo <\/strong>e attivarlo con gli appositi pulsanti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/smush-image-optimization-plugin-wp-1024x441.png\" alt=\"Smush Image Optimization Plugin Wp\" class=\"wp-image-128141\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/smush-image-optimization-plugin-wp-1024x441.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/smush-image-optimization-plugin-wp-300x129.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/smush-image-optimization-plugin-wp-768x331.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/smush-image-optimization-plugin-wp-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/smush-image-optimization-plugin-wp.png 1352w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Non appena entri sul men\u00f9 di Smush comparso nella barra a sinistra, si avvia la procedura guidata che ti permette di <a href=\"https:\/\/supporthost.com\/it\/ottimizzare-immagini-wordpress\/\">ottimizzare tutte le immagini per WordPress<\/a> e anche di <strong>attivare il lazy load delle immagini con un clic<\/strong>. In ogni caso puoi accedere alla funzione in qualsiasi momento dal men\u00f9 del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-wordpress-smush-plugin-1024x514.png\" alt=\"Lazy Load WordPress Smush Plugin\" class=\"wp-image-128142\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-wordpress-smush-plugin-1024x514.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-wordpress-smush-plugin-300x151.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-wordpress-smush-plugin-768x385.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-wordpress-smush-plugin-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/lazy-load-wordpress-smush-plugin.png 1361w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sempre con un clic, puoi attivare <strong>altre funzionalit\u00e0 per ridurre il \u2018peso\u2019 delle immagini<\/strong>: la compressione automatica per tutti i nuovi caricamenti e sulle immagini del <a href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\" data-type=\"post\" data-id=\"14979\">tema WordPress<\/a>, la rimozione dei metadati EXIF provenienti dalla fotocamera, ecc.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"plugin-per-video-e-lazy-load\">Plugin per video (e lazy load)<\/h2>\n\n\n\n<p>I plugin per il caricamento differito gestiscono di solito anche gli iframe di YouTube, a volte anche di Vimeo o altre piattaforme; ci sono per\u00f2 dei plugin <strong>specifici per i video incorporati in WordPress<\/strong>, come Lazy Load for Videos e WordPress YouTube Lyte.<\/p>\n\n\n\n<p>Che vantaggi offrono? In generale permettono una <strong>maggiore personalizzazione<\/strong> delle anteprime e dello stile del player.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"lazy-load-for-videos\">Lazy Load for Videos<\/h3>\n\n\n\n<p>Ecco un plugin per i video pensato sia per Youtube che per Vimeo, con oltre 10.000 installazioni e 4.4 stelle su 5.<\/p>\n\n\n\n<p>Puoi cercarlo e <strong>installarlo <\/strong>da <em>Plugin &gt; Aggiungi nuovo<\/em>, e attivarlo con l\u2019apposito pulsante.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/plugin-wordpress-lazy-load-for-videos-1024x391.png\" alt=\"Plugin WordPress Lazy Load For Videos\" class=\"wp-image-128143\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/plugin-wordpress-lazy-load-for-videos-1024x391.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/plugin-wordpress-lazy-load-for-videos-300x115.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/plugin-wordpress-lazy-load-for-videos-768x293.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/plugin-wordpress-lazy-load-for-videos-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/plugin-wordpress-lazy-load-for-videos.png 1353w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nelle impostazioni globali del plugin, che trovi in <em>Impostazioni &gt; Lazy Load for Videos<\/em>, hai la possibilit\u00e0 di:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>decidere di caricare <strong>CSS e JavaScript<\/strong> del video solo quando viene avviato;<\/li>\n\n\n\n<li>personalizzare il <strong>bottone <\/strong><strong><em>play<\/em><\/strong><em> <\/em>scegliendone il colore o eliminandolo del tutto;<\/li>\n\n\n\n<li>selezionare a piacere la <strong>qualit\u00e0 dell\u2019immagine<\/strong>-miniatura (alta, standard o bassa);<\/li>\n\n\n\n<li>inserire <strong>CSS personalizzato<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-lazy-load-for-videos-1024x680.png\" alt=\"Impostazioni Lazy Load For Videos\" class=\"wp-image-128144\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-lazy-load-for-videos-1024x680.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-lazy-load-for-videos-300x199.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-lazy-load-for-videos-768x510.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-lazy-load-for-videos-95x63.png 95w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/impostazioni-lazy-load-for-videos.png 1350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inoltre il plugin prevede tutta una <strong>serie di opzioni per la visualizzazione dei video<\/strong>, permettendoti ad esempio di scegliere di mostrare o no il titolo, aggiungere un testo in sovraimpressione, cambiare i colori dei comandi e delle barre di avanzamento.<\/p>\n\n\n\n<p>Una caratteristica che distingue Lazy Load for Videos sono i <strong>due pannelli separati per le impostazioni di YouTube e Vimeo<\/strong>, grazie ai quali \u00e8 anche possibile attivare o disattivare il caricamento differito anche per una sola delle due piattaforme.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"775\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/youtube-impostazioni-lazy-load-for-videos-1024x775.png\" alt=\"Youtube Impostazioni Lazy Load For Videos\" class=\"wp-image-128145\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/youtube-impostazioni-lazy-load-for-videos-1024x775.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/youtube-impostazioni-lazy-load-for-videos-300x227.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/youtube-impostazioni-lazy-load-for-videos-768x581.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/youtube-impostazioni-lazy-load-for-videos-83x63.png 83w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/youtube-impostazioni-lazy-load-for-videos.png 1194w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"word-press-you-tube-lyte\">WordPress YouTube Lyte<\/h3>\n\n\n\n<p>L\u2019ultimo plugin lazy load che vedremo \u00e8 uno strumento specifico per <strong>migliorare le prestazioni dei video YouTube incorporati in WordPress<\/strong>: WordPress YouTube Lyte, con oltre 30.000 installazioni attive e 4.8 stelle su 5.<\/p>\n\n\n\n<p>Offre meno opzioni per i video YouTube rispetto a Lazy Load for Videos e pu\u00f2 essere una buona scelta se hai intenzione di inserire sul tuo sito solo video di questa piattaforma e vuoi dedicare <strong>poco tempo alla configurazione<\/strong>.<\/p>\n\n\n\n<p>Per installare WordPress YouTube Lyte la procedura \u00e8 la solita da <em>Plugin &gt; Aggiungi nuovo<\/em>. Dopodich\u00e9 il lazy load sui video di youtube sar\u00e0 attivo per impostazione predefinita.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/wp-youtube-lyte-plugin-1024x554.png\" alt=\"Wp Youtube Lyte Plugin\" class=\"wp-image-128148\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/wp-youtube-lyte-plugin-1024x554.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/wp-youtube-lyte-plugin-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/wp-youtube-lyte-plugin-768x415.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/wp-youtube-lyte-plugin-116x63.png 116w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/wp-youtube-lyte-plugin.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Entrando in <em>Impostazioni &gt; WordPress YouTube Lyte<\/em> trovi un unico pannello di gestione in parte tradotto in italiano. Da qui puoi scegliere, tra le altre cose:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dimensione e posizione del <strong>player<\/strong><\/li>\n\n\n\n<li>aggiunta di <strong>link <\/strong>a YouTube sotto ai video incorporati<\/li>\n\n\n\n<li>forzatura dell\u2019<strong>HD<\/strong><\/li>\n\n\n\n<li><strong>cache <\/strong>locale per le miniature.<\/li>\n<\/ul>\n\n\n\n<p>C\u2019\u00e8 anche la possibilit\u00e0 di collegare l\u2019<strong>API YouTube<\/strong> e permettere al plugin di recuperare le informazioni relative a ciascun video.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"987\" height=\"858\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/configurazione-wp-youtube-lyte-plugin.png\" alt=\"Configurazione Wp Youtube Lyte Plugin\" class=\"wp-image-128147\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/configurazione-wp-youtube-lyte-plugin.png 987w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/configurazione-wp-youtube-lyte-plugin-300x261.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/configurazione-wp-youtube-lyte-plugin-768x668.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/configurazione-wp-youtube-lyte-plugin-72x63.png 72w\" sizes=\"auto, (max-width: 987px) 100vw, 987px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"disattivare-il-lazy-load-di-word-press\">Disattivare il lazy load di WordPress<\/h2>\n\n\n\n<p>Dopo aver installato un plugin per il caricamento ritardato, \u00e8 buona norma <strong>disattivare il lazy load nativo<\/strong> di WordPress per prevenire conflitti o il doppio caricamento delle immagini \u2013 infatti molti plugin suggeriscono esplicitamente di farlo.<\/p>\n\n\n\n<p>Se scegli di farlo manualmente, dovrai <strong>modificare il file <em>functions.php<\/em><\/strong>, per l\u2019esattezza quello del tuo <a href=\"https:\/\/supporthost.com\/it\/tema-child\/\">tema child<\/a>, come spieghiamo nella guida completa sull\u2019argomento.<\/p>\n\n\n\n<p>Se lo hai gi\u00e0, o dopo averlo creato, vai in <em>Aspetto &gt; Editor del tema<\/em> e assicurati che sia selezionato proprio il tema child. Poi apri il file functions.php che vedi nella barra a destra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1-1024x473.png\" alt=\"Editor File Functions Php Tema Child\" class=\"wp-image-128149\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1-1024x473.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1-768x355.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/editor-file-functions-php-tema-child-1.png 1352w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Proprio alla fine del file, oppure subito prima del tag ?&gt; se presente, inserisci lo snippet:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code><\/pre>\n\n\n\n<p>Per l&#8217;esattezza in questa posizione:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"495\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/disattivare-lazy-load-wordpress-functions-php.png\" alt=\"Disattivare Lazy Load WordPress Functions Php\" class=\"wp-image-128150\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/disattivare-lazy-load-wordpress-functions-php.png 895w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/disattivare-lazy-load-wordpress-functions-php-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/disattivare-lazy-load-wordpress-functions-php-768x425.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/disattivare-lazy-load-wordpress-functions-php-114x63.png 114w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><\/figure>\n\n\n\n<p>Dopo aver salvato, puoi <strong>controllare che la modifica sia andata a buon fine<\/strong> nell\u2019HTML di una qualsiasi pagina del tuo sito, che trovi facendo clic col tasto destro (da front end) e scegliendo dal men\u00f9 <em>Visualizza sorgente pagina<\/em>. \u00c8 tutto a posto se i tag &lt;img&gt; non hanno pi\u00f9 l\u2019attributo loading=&#8221;lazy&#8221;.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/visualizza-sorgente-pagina-articolo-blog-1024x682.png\" alt=\"Visualizza Sorgente Pagina Articolo Blog\" class=\"wp-image-128151\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/visualizza-sorgente-pagina-articolo-blog-1024x682.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/visualizza-sorgente-pagina-articolo-blog-300x200.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/visualizza-sorgente-pagina-articolo-blog-768x511.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/visualizza-sorgente-pagina-articolo-blog-95x63.png 95w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/06\/visualizza-sorgente-pagina-articolo-blog.png 1353w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se vuoi disattivare il caricamento differito <strong>senza passare dal codice<\/strong>, puoi installare un plugin che fa questo e solo questo: <a href=\"https:\/\/it.wordpress.org\/plugins\/disable-lazy-loading\/\" rel=\"noopener\">Disable Lazy Load<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"assicurarsi-che-il-lazy-load-non-danneggi-la-seo\">Assicurarsi che il lazy load non danneggi la SEO<\/h2>\n\n\n\n<p>Per avere la certezza che il caricamento differito attivato non sia controproducente per la SEO \u00e8 <em>meglio controllare una serie di aspetti.<\/em><\/p>\n\n\n\n<p>Prima di tutto verifica che i <strong>contenuti posizionati nella parte della pagina<\/strong> subito visibile siano caricati immediatamente per garantire una <a href=\"https:\/\/supporthost.com\/it\/esperienza-utente-wordpress\/\">buona UX<\/a> e non penalizzare il <em>Largest Contentful Paint<\/em> (LCP).<\/p>\n\n\n\n<p>Assicurati che i <strong>contenuti per cui \u00e8 previsto il lazy load restino accessibili<\/strong> al <a href=\"https:\/\/supporthost.com\/it\/crawler\/\">crawler<\/a> di Google: puoi farlo dalla Search Console da <em>Controllo URL<\/em>. Dopo aver inserito l\u2019indirizzo e avviato il test, clicca su <em>Visualizza pagina sottoposta a scansione<\/em>. Si apre una finestra con una sezione HTML in cui puoi verificare che siano presenti le immagini (magari aiutandoti con la barra di ricerca).<\/p>\n\n\n\n<p>Infine, dove possibile, sfrutta l\u2019opzione per <strong>inserire un tag <\/strong><strong><em>&lt;noscript&gt;<\/em><\/strong> con una versione alternativa delle immagini\/video per i browser che non supportano JavaScript.<\/p>\n\n\n\n<p>Come avrai capito, il lazy load non sostituisce ma integra le altre buone pratiche per <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\">velocizzare WordPress<\/a>. Nonostante il caricamento differito, ottimizzare le immagini resta imprescindibile, e il nostro <a href=\"https:\/\/supporthost.com\/it\/avif-vs-webp\/\">confronto AVIF &#8211; WebP<\/a> pu\u00f2 aiutarti a scegliere tra i due formati pi\u00f9 moderni ed efficienti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni&nbsp;<\/h2>\n\n\n\n<p>Siamo arrivati alla fine di questa guida al lazy load, dove abbiamo scoperto che a partire dalla versione 5.5 in WordPress \u00e8 stata introdotta e poi ampliata una <strong>funzionalit\u00e0 automatica per il caricamento differito<\/strong>, per immagini e iframe.<\/p>\n\n\n\n<p>Poich\u00e9 non esiste un pannello delle impostazioni, si possono includere o escludere elementi dal lazy load nativo solo <strong>attraverso il codice \u2013 HTML, PHP o JS<\/strong> \u2013 oppure installando un plugin.&nbsp;<\/p>\n\n\n\n<p>I <strong>plugin per il lazy load<\/strong> permettono anche di regolare con un clic ulteriori aspetti del caricamento differito, estenderlo a tipi di iframe e di immagini non previsti dalla funzione nativa di WordPress e velocizzare ancora di pi\u00f9 la pagina introducendo segnaposto leggeri per i video.<\/p>\n\n\n\n<p>Alcuni di questi plugin sono immediati da configurare, altri offrono pi\u00f9 impostazioni e permettono di differenziarle a seconda della fonte del contenuto multimediale, altri ancora permettono di ottimizzare le immagini con funzionalit\u00e0 aggiuntive.<\/p>\n\n\n\n<p>Tu hai gi\u00e0 attivato il lazy load sul tuo sito o lasci fare alla funzionalit\u00e0 nativa di WordPress? Come sta andando? Se ti va, parliamone nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Come utente del web, avrai presente quant\u2019\u00e8 frustrante dover aspettare che una pagina web finisca di caricarsi. Non a caso, la lentezza \u00e8 uno dei motivi principali per cui le persone abbandonano un sito, a volte prima ancora di essere riuscite a visualizzarlo.&nbsp; Per fortuna esistono vari accorgimenti per evitare che i visitatori perdano la [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":128352,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-128016","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=128016"}],"version-history":[{"count":32,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128016\/revisions"}],"predecessor-version":[{"id":136635,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128016\/revisions\/136635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/128352"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=128016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=128016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=128016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}