{"id":23989,"date":"2019-02-08T08:46:20","date_gmt":"2019-02-08T16:46:20","guid":{"rendered":"https:\/\/kinsta.com\/?p=5569"},"modified":"2023-02-01T13:23:22","modified_gmt":"2023-02-01T12:23:22","slug":"lazy-load-in-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/","title":{"rendered":"Come Implementare in WordPress il Lazy Load di Immagini e Video"},"content":{"rendered":"<p>Le pagine web pesano in media 3719 kB, con immagini e <a href=\"https:\/\/kinsta.com\/it\/blog\/hosting-video\/\">video<\/a> che rappresentano quasi il 78% del peso totale, secondo quanto afferma <a href=\"http:\/\/httparchive.org\/interesting.php?a=All&#038;l=Mar%201%202018&#038;s=All\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP Archive<\/a>. Sono un sacco di byte da scaricare e visualizzare per il browser di un visitatore del sito, e la tendenza punta verso pagine web di dimensioni maggiori e un maggiore uso di immagini nel futuro. WordPress \u00e8 al primo posto nella condivisione di contenuti multimediali e nell&#8217;incorporazione di file multimediali nel design del sito. Con WordPress \u00e8 facile integrare immagini e <a href=\"https:\/\/kinsta.com\/it\/blog\/incorporare-video-youtube-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">video in post, pagine<\/a> e persino nello sfondo del tema.<\/p>\n<p>Con il rilascio di <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">WordPress 5.5, il lazy loading \u00e8 parte integrante del core<\/a> e rende molto facile l&#8217;implementazione di questa tecnica.<\/p>\n<p>Tuttavia, tutte queste pesanti risorse rendono il download di una pagina web un&#8217;esperienza costosa in quanto gli utenti devono attendere il download di file di grandi dimensioni, compresi i file che non sono inizialmente visibili, prima di visualizzare una pagina web. \u00c8 qui che entra in scena il <strong>lazy load di WordPress<\/strong>.<\/p>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"#lazy-load\">Che Cos&#8217;\u00c8 il Lazy Load e Come Funziona?<\/a><\/li>\n<li><a href=\"#lazy-load-in-wordpress\">Lazy Load in WordPress<\/a><\/li>\n<li><a href=\"#plugin-lazy-load\">Migliorare la Velocit\u00e0 di Caricamento delle Pagine con i Plugin di Lazy Load<\/a><\/li>\n<li><a href=\"#lazy-load-e-seo\">Effetti del Lazy Load sulla SEO<\/a><\/li>\n<\/ul>\n<h2 id=\"lazy-load\">Che Cos&#8217;\u00c8 il Lazy Load e Come Funziona<\/h2>\n<p>Il lazy load (caricamento differito) \u00e8 una tecnica di ottimizzazione tramite la quale vengono caricati i contenuti visibili, ma viene ritardato il download e il rendering dei contenuti che appaiono nella parte non visibile della pagina (&#8220;<em>below the fold<\/em>&#8220;). \u00c8 quel genere di cose per le quali <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/PrioritizeVisibleContent\" target=\"_blank\" rel=\"noopener noreferrer\">Google si entusiasma<\/a>, ed \u00e8 una tecnica da prendere in considerazione se i vostri post e le vostre pagine incorporano molti video e immagini ad alta risoluzione.<\/p>\n<p>Il lazy load funziona cos\u00ec:<\/p>\n<ul>\n<li>Il browser crea il DOM della pagina web senza scaricare le immagini e precaricare i video.<\/li>\n<li>JavaScript viene utilizzato per determinare quali immagini scaricare e quali video precaricare in base al contenuto subito visibile al caricamento della pagina. Quelle immagini e quei video sono scaricati e precaricati in modo appropriato.<\/li>\n<li>Il download e il rendering dei video aggiuntivi sono ritardati fino a quando un visitatore del sito scorre verso il basso nella pagina e il contenuto successivo diventa visibile.<\/li>\n<\/ul>\n<p>Il risultato finale \u00e8 che le immagini non vengono scaricate e i video non vengono caricati finch\u00e9 non sono realmente necessari. Ci\u00f2 pu\u00f2 apportare un significativo miglioramento alle prestazioni per i siti che incorporano molti video e molte immagini ad alta risoluzione.<\/p>\n\n<h2 id=\"lazy-load-in-wordpress\">Lazy Load in WordPress<\/h2>\n<p>Come avviene per molte altre anomalie legate alle prestazioni, per il lazy load in WordPress abbiamo a disposizione un plugin per risolvere il problema. In realt\u00e0, nella directory dei plugin di WordPress ci sono <a href=\"https:\/\/wordpress.org\/plugins\/tags\/lazy-load\" target=\"_blank\" rel=\"noopener noreferrer\">molti plugin gratuiti<\/a> che possono essere utilizzati per caricare immagini e video. Dopo aver considerato alcune decine di plugin e averne messo alla prova diversi, abbiamo identificato tre plugin che producono un miglioramento misurabile delle prestazioni dei un sito. Se siete pronti per implementare il lazy load, cominciate considerando queste tre opzioni.<\/p>\n<h3>Le Immagini e i Video Rallentano Davvero i Siti web?<\/h3>\n<p>Innanzi tutto, prima di caricare qualsiasi immagine su WordPress ricordatevi di <a href=\"https:\/\/kinsta.com\/it\/blog\/ottimizzare-le-immagini-per-web-e-prestazioni\/\" target=\"_blank\" rel=\"noopener noreferrer\">ottimizzarla<\/a>.<\/p>\n<p>Abbiamo bisogno di un punteggio di base in modo da poter vedere le conseguenze dell&#8217;aggiunta di immagini e video. Non ha senso risolvere un problema se non ci sono problemi da risolvere. Per testare le cose, ho configurato un&#8217;installazione standard di WordPress su un account di hosting Kinsta. <a href=\"https:\/\/wordpress.org\/themes\/twentysixteen\/\" target=\"_blank\" rel=\"noopener noreferrer\">TwentySixteen<\/a> \u00e8 il tema attivo e non sono stati implementati plugin o tecniche di ottimizzazione come il caching.<\/p>\n<p>Ecco come lo speed test di Pingdom valuta il sito prima di aggiungere qualsiasi immagini o video.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test senza immagini e video\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/senza-immagini-e-video.png\" alt=\"Speed test di Pingdom senza immagini e video\" width=\"800\" height=\"233\"><figcaption class=\"wp-caption-text\">Speed test senza immagini e video<\/figcaption><\/figure>\n<p>Come potete vedere, la pagina \u00e8 molto leggera, poco meno di 155 kb, e carica in meno di mezzo secondo. Difficile trovare difetti con questi punteggi. Cosa succede se carichiamo una pagina con <a href=\"https:\/\/kinsta.com\/it\/blog\/formati-file-immagine\/\">file immagine<\/a> di grandi dimensioni e con video di YouTube incorporati?<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test senza plugin lazy loading\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/no-lazy-load.png\" alt=\"Speed test di Pingdom senza plugin lazy loading\" width=\"800\" height=\"221\"><figcaption class=\"wp-caption-text\">Speed test senza plugin lazy loading<\/figcaption><\/figure>\n<p>Le dimensioni della pagina sono schizzate a 1.7 MB e il tempo di caricamento della pagina \u00e8 quasi triplicato a poco meno di 1,3 secondi. TwentySixteen \u00e8 un tema leggero e ben scritto, quindi anche con cinque o sei immagini e <a href=\"https:\/\/kinsta.com\/it\/blog\/incorporare-video-youtube-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">video di YouTube<\/a> questo sito \u00e8 ancora abbastanza leggero e carica velocemente. Tuttavia, l&#8217;aggiunta di immagini e video ha fatto aumentare di molto le dimensioni della pagina e ha rallentato considerevolmente la velocit\u00e0 di caricamento.<\/p>\n<h2 id=\"plugin-lazy-load\">Migliorare la Velocit\u00e0 di Caricamento delle Pagine con i Plugin di Lazy Load<\/h2>\n<p>Due plug-in che accelerano notevolmente la consegna di questa pagina web sono BJ Lazy Load, Lazy Load XT, a3 Lazy Load e Lazy Load. Vediamo come si \u00e8 comportato ognuno di questi plugin. Abbiamo provato anche altri plugin, ma non hanno prodotto un miglioramento misurabile delle prestazioni del sito. Mentre provate i plugin di lazy load, ricordatevi di fare un test prima e dopo per assicurarvi che diano i risultati che state cercando.<\/p>\n<h3><a id=\"a3-lazy-load\"><\/a>a3 Lazy Load<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener noreferrer\">a3 Lazy Load<\/a> \u00e8 un&#8217;altra popolare opzione di caricamento differito per WordPress disponibile nella repository. Questo plugin \u00e8 attivo su oltre 50.000 siti WordPress ed ha ottenuto un punteggio molto elevato, 4,7 stelle su 5, e poco meno di 40 recensioni da parte degli utenti.<\/p>\n<figure style=\"width: 1348px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" title=\"Plugin A3 Lazy Load\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/plugin-wordpress-a3-lazy-load.jpg\" alt=\"Il Plugin WordPress A3 Lazy Load\" width=\"1348\" height=\"433\"><\/a><figcaption class=\"wp-caption-text\">Plugin A3 Lazy Load<\/figcaption><\/figure>\n<p>Attivando il plugin viene aggiunto un menu di impostazioni in <strong>Impostazioni &gt; a3 Lazy Load<\/strong>. A scopo di test, ho lasciato le impostazioni predefinite con una sola eccezione. Ho usato l&#8217;opzione Loading Background Colour per abbinare il colore del segnaposto al colore dello sfondo della pagina web. Con questa modifica, e le impostazioni predefinite, il sito ha ottenuto una buona prestazione.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test con A3 Lazy Load\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/pingdom-a3.png\" alt=\"Speed test di Pingdom con A3 Lazy Load\" width=\"800\" height=\"236\"><figcaption class=\"wp-caption-text\">Speed test con A3 Lazy Load<\/figcaption><\/figure>\n<p>Siamo tornati a un tempo di caricamento della pagina inferiore al mezzo secondo. Questo risultato \u00e8 notevole considerando il numero di immagini e video inseriti in questa pagina web.<\/p>\n<p><strong>Risultati dei Test a Confronto<\/strong><\/p>\n<p>Senza dubbio, noterete che le dimensioni della pagina e il numero di richieste sono diminuite considerevolmente. Cosa genera questa notevole differenza? Pingdom fornisce un&#8217;istantanea delle dimensioni del contenuto e un rapido confronto ci d\u00e0 la risposta. Innanzitutto, ecco come appare l&#8217;istantanea della dimensione del contenuto con a3 Lazy Load attivato.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Content Size con A3 Lazy Load\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/content-size-a3.png\" alt=\"Schermata Content Size dello speed test di Pingdom con a3 Lazy Load\" width=\"800\" height=\"214\"><figcaption class=\"wp-caption-text\">Content Size con A3 Lazy Load<\/figcaption><\/figure>\n<p>L&#8217;ingombro dell&#8217;immagine \u00e8 appena un po&#8217; sopra i 150 kb. Ecco come appare lo screenshot del contenuto con un carico utile totale di 2,0 MB.<\/p>\n<figure style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Content Size con Lazy Load XT\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/content-size-xt.png\" alt=\"Schermata Content Size nello speed test di Pingdom con Lazy Load XT\" width=\"800\" height=\"219\"><figcaption class=\"wp-caption-text\">Content Size con Lazy Load XT<\/figcaption><\/figure>\n<p>Le dimensioni di script, HTML, CSS e altri contenuti sono quasi identici. Tuttavia, la dimensione dell&#8217;immagine \u00e8 di 1.86 MB &#8211; in pratica la dimensione della versione alla massima risoluzione della primissima immagine sulla pagina &#8211; anzich\u00e9 solo di 150 kb. Cosa succede?<\/p>\n<p>Come accennato in precedenza, WordPress fornisce automaticamente una variet\u00e0 di dimensioni delle immagine e il browser seleziona e rende a video la versione pi\u00f9 piccola possibile, in base alla dimensione in cui l&#8217;immagine sar\u00e0 resa sullo schermo. A3 Lazy Load lascia intatto il comportamento predefinito di WordPress e il risultato \u00e8 che viene consegnato un file immagine molto pi\u00f9 piccolo.<\/p>\n<h3><a id=\"rocket-lazy-load\"><\/a>Lazy Load<\/h3>\n<p>La seconda opzione \u00e8 <a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\">Lazy Load<\/a>, che \u00e8 un plugin gratuito creato dal team di WP Rocket.\u00a0Attualmente \u00e8 attivo su oltre 10.000 installazioni, con una valutazione 4 stelle su 5. Se state cercando una semplice opzione di lazy load per WordPress con una buona velocit\u00e0, questa \u00e8 un&#8217;ottima scelta.<\/p>\n<figure style=\"width: 1539px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" title=\"Il plugin Lazy Load di WP Rocket\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/Lazy-Load-wp-rocket.png\" alt=\"Il plugin Lazy Load di WP Rocket\" width=\"1539\" height=\"495\"><\/a><figcaption class=\"wp-caption-text\">Il plugin Lazy Load di WP Rocket<\/figcaption><\/figure>\n<p>Questo plugin <a href=\"https:\/\/kinsta.com\/it\/blog\/rigenerare-le-miniature\/\">funziona su miniature<\/a>, tutte le immagini all&#8217;interno del contenuto di un post o nel testo di un widget, su avatar e faccine. Il grande vantaggio di questo plugin \u00e8 che <strong>non \u00e8 usa alcuna <a href=\"https:\/\/kinsta.com\/it\/blog\/librerie-javascript\/\">libreria JavaScript<\/a> come jQuery<\/strong>, e lo script pesa meno di 10 KB. Non ci sono opzioni da configurare, basta installare il plugin e il caricamento differito entrer\u00e0 in funzione.<\/p>\n<h3>Native Lazy Loading<\/h3>\n<p>Negli ultimi anni, c&#8217;\u00e8 stata una spinta per integrare le funzionalit\u00e0 di lazy loading direttamente nei browser web. Al momento, il lazy loading nativo \u00e8 disponibile nei browser basati su Chromium come Chrome e Brave, cos\u00ec come in Firefox.<\/p>\n<p>Il lazy loading nativo \u00e8 ottimo per le prestazioni del sito perch\u00e9 non si basa su codice Javascript in linea o su script esterni. Per aggiungere il lazy loading nativo al vostro sito, \u00e8 sufficiente aggiungere un attributo <code>loading=lazy<\/code>\u00a0 alle immagini e agli iframes su cui volete applicare il lazy load.<\/p>\n<figure id=\"attachment_75944\" aria-describedby=\"caption-attachment-75944\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wordpress.org\/plugins\/native-lazyload\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-75944\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2020\/07\/google-native-lazyload.png\" alt=\"Google Native Lazyload plugin.\" width=\"1948\" height=\"912\"><\/a><figcaption id=\"caption-attachment-75944\" class=\"wp-caption-text\">Google Native Lazyload plugin.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Google ha sviluppato il plugin <a href=\"https:\/\/wordpress.org\/plugins\/native-lazyload\/\">Native Lazyload<\/a> per facilitare questo processo. Dopo aver attivato il plugin, WordPress inserir\u00e0 automaticamente l\u2019attributo <code>loading<\/code> nei vostri tag <code>img<\/code> e <code>iframe<\/code>.<\/p>\n<h3 id=\"lazy-load-for-videos\">Lazy Load for Videos<\/h3>\n<p>Se vi preoccupate solo dei video con lazy load, vi consigliamo di dare un&#8217;occhiata al plugin <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-videos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lazy Load for Videos<\/a>. Anche se alcuni dei plugin di cui abbiamo parlato sopra fanno altrettanto, questo plugin \u00e8 un&#8217;ottima soluzione per i soli contenuti video.<\/p>\n<figure style=\"width: 1539px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-videos\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2016\/07\/plugin-lazy-load-for-videos.jpg\" alt=\"Il plugin Lazy Load for Videos\" width=\"1539\" height=\"495\"><\/a><figcaption class=\"wp-caption-text\">Il plugin Lazy Load for Videos<\/figcaption><\/figure>\n<h2 id=\"lazy-load-e-seo\">Effetti del Lazy Load sulla SEO<\/h2>\n<p>A prescindere dal plugin che utilizzate per il lazy load di WordPress, \u00e8 importante non danneggiare la vostra <a href=\"https:\/\/kinsta.com\/it\/blog\/cosa-significa-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a>. Ci sono due cose che dovete verificare bene:<\/p>\n<ol>\n<li>Assicuratevi che Google possa ancora eseguire la scansione delle vostre immagini caricate in lazy load. Potete facilmente verificarlo utilizzando lo strumento &#8220;Search as Google&#8221; nella sezione di ricerca per indicizzazione in <a href=\"https:\/\/kinsta.com\/it\/blog\/google-search-console\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Search Console<\/a>. Se riuscite ancora a vedere le vostre immagini nel codice sorgente, molto probabilmente funziona tutto correttamente.<\/li>\n<li>Assicuratevi di stare ancora utilizzando il testo alternativo sulle immagini, poich\u00e9 questo \u00e8 importante per il posizionamento nelle ricerche delle immagini di Google.<\/li>\n<\/ol>\n<p>https:\/\/twitter.com\/JohnMu\/status\/1036901608880254976<\/p>\n<h2>Riepilogo<\/h2>\n<p>Visto che il supporto di lazy loading nativo nel browser \u00e8 ormai all\u2019orizzonte, vi consigliamo di utilizzare un plugin come il Native Lazy Load di Google per impostare una base di lazy loading per il vostro sito.<\/p>\n<p>Con il supporto di Chrome e Firefox, e il supporto di Safari in futuro, il lazy loading nativo del browser dovrebbe essere tutto ci\u00f2 che serve per caricare \u201cpigramente\u201d le immagini e gli iframe. Detto questo, se state cercando un&#8217;opzione basata su JavaScript che si rivolga anche ai browser pi\u00f9 vecchi, a3 Lazy Load \u00e8 un&#8217;ottima opzione.<\/p>\n<p>Il caricamento differito \u00e8 solo una delle tecniche che potete utilizzare per ottimizzare il vostro sito WordPress. Tuttavia, pu\u00f2 potenzialmente avere un impatto pesante sulla velocit\u00e0 del sito nel caso in cui si utilizzino molte immagini e video. Tuttavia, una volta implementato il lazy load, esistono diverse <a href=\"https:\/\/kinsta.com\/it\/blog\/eliminare-javascript-e-css-che-boccano-la-visualizzazione\/\">tecniche aggiuntive<\/a> da prendere in considerazione e implementare per <a href=\"https:\/\/kinsta.com\/it\/impara\/velocita-pagina\/\" target=\"_blank\" rel=\"noopener noreferrer\">portare al massimo le prestazioni del sito<\/a>.<\/p>\n<p>Abbiamo dimenticato altre buone soluzioni di lazy load per WordPress? Se \u00e8 cos\u00ec, fatecelo sapere qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le pagine web pesano in media 3719 kB, con immagini e video che rappresentano quasi il 78% del peso totale, secondo quanto afferma HTTP Archive. Sono &#8230;<\/p>\n","protected":false},"author":37,"featured_media":24008,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[2,3],"topic":[25950,26194,25868],"class_list":["post-23989","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-prestazioni","tag-wordpress","topic-ottimizzazione-immagini","topic-ottimizzazione-video","topic-velocita-sito"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come Implementare in WordPress il Lazy Load di Immagini e Video<\/title>\n<meta name=\"description\" content=\"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Implementare in WordPress il Lazy Load di Immagini e Video\" \/>\n<meta property=\"og:description\" content=\"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/jonpenland\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-08T16:46:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-01T12:23:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jon Penland\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@jonrichpen\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jon Penland\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\"},\"author\":{\"name\":\"Jon Penland\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\"},\"headline\":\"Come Implementare in WordPress il Lazy Load di Immagini e Video\",\"datePublished\":\"2019-02-08T16:46:20+00:00\",\"dateModified\":\"2023-02-01T12:23:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\"},\"wordCount\":1805,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png\",\"keywords\":[\"prestazioni\",\"WordPress\"],\"articleSection\":[\"Tutorial sulle Performance di WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\",\"name\":\"Come Implementare in WordPress il Lazy Load di Immagini e Video\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png\",\"datePublished\":\"2019-02-08T16:46:20+00:00\",\"dateModified\":\"2023-02-01T12:23:22+00:00\",\"description\":\"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"lazy load wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ottimizzazione Immagini\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/ottimizzazione-immagini\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come Implementare in WordPress il Lazy Load di Immagini e Video\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\",\"name\":\"Jon Penland\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"caption\":\"Jon Penland\"},\"description\":\"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.\",\"sameAs\":[\"http:\/\/www.jonpenland.com\",\"https:\/\/www.facebook.com\/jonpenland\",\"https:\/\/www.linkedin.com\/in\/jonpenland\",\"https:\/\/x.com\/jonrichpen\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/jonpenland\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Implementare in WordPress il Lazy Load di Immagini e Video","description":"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/","og_locale":"it_IT","og_type":"article","og_title":"Come Implementare in WordPress il Lazy Load di Immagini e Video","og_description":"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.","og_url":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_author":"https:\/\/www.facebook.com\/jonpenland","article_published_time":"2019-02-08T16:46:20+00:00","article_modified_time":"2023-02-01T12:23:22+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png","type":"image\/png"}],"author":"Jon Penland","twitter_card":"summary_large_image","twitter_description":"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png","twitter_creator":"@jonrichpen","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Jon Penland","Tempo di lettura stimato":"10 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/"},"author":{"name":"Jon Penland","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a"},"headline":"Come Implementare in WordPress il Lazy Load di Immagini e Video","datePublished":"2019-02-08T16:46:20+00:00","dateModified":"2023-02-01T12:23:22+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/"},"wordCount":1805,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png","keywords":["prestazioni","WordPress"],"articleSection":["Tutorial sulle Performance di WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/","url":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/","name":"Come Implementare in WordPress il Lazy Load di Immagini e Video","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png","datePublished":"2019-02-08T16:46:20+00:00","dateModified":"2023-02-01T12:23:22+00:00","description":"Il nostro tutorial passo-passo su come implementare il lazy load su immagini e video in WordPress per migliorare le prestazioni e risparmiare risorse.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/02\/lazy-load-wordpress.png","width":1460,"height":730,"caption":"lazy load wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/lazy-load-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Ottimizzazione Immagini","item":"https:\/\/kinsta.com\/it\/argomenti\/ottimizzazione-immagini\/"},{"@type":"ListItem","position":3,"name":"Come Implementare in WordPress il Lazy Load di Immagini e Video"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a","name":"Jon Penland","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","caption":"Jon Penland"},"description":"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.","sameAs":["http:\/\/www.jonpenland.com","https:\/\/www.facebook.com\/jonpenland","https:\/\/www.linkedin.com\/in\/jonpenland","https:\/\/x.com\/jonrichpen"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/jonpenland\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/23989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=23989"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/23989\/revisions"}],"predecessor-version":[{"id":45424,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/23989\/revisions\/45424"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/translations\/jp"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/23989\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/24008"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=23989"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=23989"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=23989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}