Come implementare il caricamento differito per immagini e video in WordPress
Perché il caricamento lento è importante
Senza il caricamento differito, tutti i contenuti multimediali di una pagina vengono caricati immediatamente, anche se non sono ancora visibili sullo schermo. Questo causa:
- Peso della pagina più elevato
- Tempo di caricamento iniziale più lungo
- Punteggi di prestazioni peggiori in PageSpeed Insights
Il caricamento differito risolve questo problema caricando i contenuti multimediali solo quando l'utente scorre verso il basso. Migliora la velocità e risparmia larghezza di banda.
Caricamento differito delle immagini in WordPress
Dalla versione 5.5, WordPress aggiunge automaticamente il caricamento="pigro" Attributo alle immagini inserite tramite l'editor. Non sono necessari plugin per abilitarlo.
Come verificare se funziona:
- Fare clic con il tasto destro del mouse su un'immagine → Ispeziona elemento
- Cercare:
<img src="..." loading="lazy"> - Se l'attributo è mancante, controlla il markup dell'immagine del tuo tema o usa un plugin
Mancia:
Alcuni temi più vecchi vengono sovrascritti o eliminati caricamento="pigro"In questo caso, puoi aggiungerlo manualmente tramite filtri o passare a un tema moderno.
Caricamento lento per YouTube e video
Gli iframe e i video incorporati di YouTube possono rallentare notevolmente la velocità di caricamento delle pagine. Utilizza i seguenti metodi:
- Utilizza un'immagine di anteprima (poster) e carica l'iframe solo al clic
- Plugin come WP YouTube Lyte O Caricamento lento per i video
- Utilizza una miniatura leggera e sostituiscila dinamicamente con un iframe utilizzando JavaScript
Esempio di segnaposto HTML:
Plugin di caricamento lento consigliati
- a3 Caricamento lento – Leggero e configurabile
- WP Rocket (Premium) – Caricamento lento dei media completo con ottimizzazione
- Perfmatters – Include lazy load e gestore di script
Potenziali problemi da tenere d'occhio
- Immagini o video che compaiono troppo tardi: utilizzare la spaziatura corretta
- I motori di ricerca non vedono i media: i crawler moderni supportano il caricamento differito, ma controllano i contenuti critici
- Supporti non funzionanti per browser più vecchi: testare il fallback se necessario
Test delle prestazioni del caricamento pigro
- Utilizzo PageSpeed Insights → vedi tempo di caricamento delle immagini ridotto
- Chrome DevTools → Rete → Filtra per media → Scorri e osserva il comportamento di caricamento
Vuoi che sia fatto bene?
Il caricamento differito è semplice ma potente. Lascia che SpeedWP Pro controlli il tuo sito WordPress per problemi di sovraffollamento dei contenuti multimediali, caricamento lento e blocchi nascosti, il tutto in un unico controllo gratuito.