Come disabilitare correttamente il caricamento pigro (lazy load) in WordPress (passo dopo passo)

Per impostazione predefinita, WordPress utilizza il caricamento pigro per ritardare il download dei media, il che migliora i tempi di caricamento.

Su WPBeginner, utilizziamo questa funzionalità su alcuni dei nostri siti per velocizzare le cose. Aiuta le pagine a caricarsi più velocemente ritardando le immagini fino a quando non sono effettivamente necessarie.

Tuttavia, ci sono molti motivi per disabilitare il caricamento pigro, sia per ottimizzare elementi specifici, risolvere problemi, garantire la compatibilità dei plugin o prevenire una scarsa esperienza utente.

In questo articolo, ti mostreremo come disabilitare facilmente il caricamento pigro in WordPress.

Cos'è il caricamento pigro?

WordPress ha introdotto per la prima volta il caricamento pigro delle immagini in WordPress 5.5. Successivamente, ha esteso la funzionalità di caricamento pigro agli embed iframe (come video di YouTube, Spotify e altri embed).

Questa pratica aiuta a migliorare le prestazioni del tuo sito e la velocità delle pagine caricando prima i contenuti nell'area visibile.

Un sito web più veloce non fa bene solo agli utenti, ma può anche migliorare il posizionamento del tuo sito web perché i motori di ricerca come Google considerano la velocità un fattore di ranking importante.

Oltre a immagini e embed, puoi anche facilmente caricare pigramente i commenti e Gravatar per migliorare ulteriormente la velocità di caricamento della pagina.

Puoi vedere la funzionalità di caricamento pigro in azione facendo clic con il pulsante destro del mouse su un'immagine e selezionando lo strumento Ispeziona nel tuo browser.

Questo dividerà lo schermo del tuo browser e ti mostrerà il codice sorgente HTML. Da qui, potrai vedere l'attributo “loading=lazy” aggiunto all'immagine.

Normalmente, non raccomandiamo di disabilitare il lazy load a causa dei suoi benefici generali per il tuo sito WordPress. Disattivarlo può comportare una minore velocità del sito, tassi di conversione inferiori e classifiche SEO più basse.

Tuttavia, il lazy loading può danneggiare l'esperienza utente per alcuni siti web.

Ad esempio, se gestisci un sito di fotografia in cui le immagini sono l'aspetto più significativo del tuo contenuto, allora caricarle in modo lazy potrebbe rovinare l'esperienza utente per i tuoi clienti.

In altri casi, potresti utilizzare una soluzione di lazy loading diversa e voler semplicemente disattivare il lazy load predefinito di WordPress.

Detto questo, vediamo come puoi facilmente disabilitare il lazy load in WordPress.

Per questo tutorial, ti mostreremo un metodo tramite codice e un metodo tramite plugin. Puoi usare i link qui sotto per passare all'opzione che preferisci:

• Metodo 1: Disabilitare il Lazy Load in WordPress usando WPCode (Consigliato)
• Metodo 2: Disabilitare il Lazy Load in WordPress usando un Plugin
• Tutorial video
• Bonus: Aumenta la Velocità e le Prestazioni del Tuo Sito

Metodo 1: Disabilitare il Lazy Load in WordPress usando WPCode (Consigliato)

Puoi disabilitare la funzionalità di lazy load in WordPress aggiungendo codice personalizzato al file functions.php del tuo tema.

Tuttavia, tieni presente che il più piccolo errore durante l'aggiunta del codice può bloccare il tuo sito web e renderlo inaccessibile.

Questo è il motivo per cui consigliamo di utilizzare WPCode per aggiungere codice personalizzato.

È il miglior plugin per snippet di codice personalizzato di WordPress sul mercato. Inoltre, rende l'aggiunta di codice al tuo sito web super facile e sicura.

L'abbiamo testato a fondo sul nostro sito demo e abbiamo ottenuto ottimi risultati. Per saperne di più, consulta la nostra recensione completa di WPCode.

Innanzitutto, devi installare e attivare il plugin WPCode. Per istruzioni dettagliate, consulta la nostra guida su come installare un plugin di WordPress.

Dopo l'attivazione, visita la pagina Snippet di codice » + Aggiungi snippet dalla dashboard di WordPress.

Da qui, fai clic sul pulsante ‘Usa snippet’ sotto l'opzione ‘Aggiungi il tuo codice personalizzato (Nuovo snippet)’.

Questo ti porterà alla pagina ‘Create Custom Snippet’, dove puoi iniziare digitando un nome per il tuo snippet di codice.

Questo può essere qualsiasi cosa che ti aiuti a identificare lo snippet di codice e cosa fa. Noi l'abbiamo chiamato ‘Disabilita Lazy Load’.

Una volta assegnato un nome al tuo snippet personalizzato, seleziona ‘Snippet PHP’ dal menu a discesa ‘Tipo di codice’ nell'angolo destro dello schermo.

Ora, copia e incolla il seguente codice PHP nella casella ‘Anteprima codice’:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Ecco come apparirà il codice dopo essere stato incollato.

Dopodiché, scorri verso il basso fino alla sezione ‘Inserimento’. Qui, scegli semplicemente la modalità ‘Inserimento automatico’.

Questo garantirà che il tuo codice personalizzato venga eseguito automaticamente ovunque sul tuo sito WordPress una volta attivato lo snippet.

Successivamente, scorri di nuovo in cima alla pagina e semplicemente cambia l'interruttore ‘Inattivo’ in ‘Attivo’.

Infine, non dimenticare di fare clic sul pulsante ‘Salva snippet’ per salvare ed eseguire il tuo snippet di codice.

Ora, il lazy loading sarà disabilitato sul tuo sito WordPress.

Puoi verificarlo facendo clic con il pulsante destro del mouse su un'immagine e selezionando ‘Ispeziona’ dal menu del browser.

Nel codice HTML dell'immagine, l'attributo ‘loading=lazy’ scomparirà.

Metodo 2: Disabilitare il Lazy Load in WordPress usando un Plugin

Se non vuoi aggiungere codice al tuo sito, puoi utilizzare un plugin per disabilitare il lazy loading di WordPress.

L'unica cosa che devi fare è installare e attivare il plugin Disable Lazy Load . Per ulteriori istruzioni, consulta la nostra guida passo passo su come installare un plugin di WordPress.

Il plugin funziona subito e non richiede alcuna configurazione. Una volta attivato, disabiliterà automaticamente la funzionalità di lazy load sul tuo sito web.

Tutorial video

Se non preferisci istruzioni scritte, puoi guardare il nostro video tutorial:

Bonus: Aumenta la velocità e le prestazioni del tuo sito

Una volta disabilitato il lazy loading, questo potrebbe influire negativamente sulla velocità e sulle prestazioni del tuo sito web.

In tal caso, puoi provare altri suggerimenti per aumentare le prestazioni del tuo sito e diminuire il tempo di caricamento della pagina. Ad esempio, puoi ottimizzare le immagini sul tuo sito comprimendole, utilizzando JPEG o PNG come formati di file, e altro ancora.

Inoltre, dovresti sempre eseguire l'ultima versione di WordPress, utilizzare gli estratti nella homepage, dividere i commenti in pagine e utilizzare temi ottimizzati per la SEO sul tuo sito web.

Oltre a ciò, puoi anche utilizzare plugin di caching come WP Rocket o WP Super Cache per aumentare ulteriormente la velocità del tuo sito.

Per ulteriori suggerimenti, puoi consultare la nostra guida per principianti su come aumentare la velocità e le prestazioni di WordPress.

Speriamo che questo articolo ti abbia aiutato a imparare come disabilitare correttamente il lazy load in WordPress. Potresti anche voler consultare la nostra guida per principianti su come ottimizzare le immagini di WordPress per migliorare i tempi di caricamento delle pagine o consultare la nostra selezione dei migliori plugin per la compressione delle immagini di WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.