Esistono molti approcci diversi per implementare il caricamento lento sul vostro sito web. Vi invitiamo a dare un'occhiata al nostro elenco dei migliori plugin per WordPress che supportano il caricamento lento.
Nella directory di WordPress sono presenti numerosi plugin gratuiti che possono essere utilizzati per il caricamento pigro di immagini e video. Dopo aver preso in considerazione alcune decine di plugin e averne testati alcuni, ne abbiamo trovati due che aumentano significativamente le prestazioni del sito web. Se volete implementare il caricamento pigro, prendete in considerazione le opzioni seguenti.
Utilizzo di WP Rocket (Premium)
WP Rocket è l'approccio più semplice per implementare il caricamento lento sul vostro sito web. Inoltre, il processo di abilitazione richiede meno di un minuto. LazyLoad è il nome del plugin che WP Rocket include come versione del caricamento pigro delle immagini.
Quando LazyLoad è attivo, WP Rocket interrompe immediatamente il caricamento pigro dell'immagine nativa di WordPress per prevenire eventuali problemi.
Seguite i passaggi seguenti per abilitare la funzione LazyLoad di WP Rocket:-
- Potete attivare LazyLoad navigando in Impostazioni > WP Rocket > Pannello multimediale all'interno della vostra installazione di WordPress.
- Fare clic su "Abilita per le immagini" nell'area LazyLoad nella parte superiore dello schermo.
- Fare clic su "Salva modifiche" dopo aver effettuato la selezione.
Questo è tutto ciò che deve essere fatto. Di conseguenza, il caricamento delle foto da parte dei visitatori sarà lento.
LazyLoad fornisce il caricamento pigro per elementi HTML aggiuntivi, come iframes e video, a differenza dell'approccio nativo fornito da WordPress. Inoltre, utilizza il caricamento pigro per le immagini di sfondo se tali immagini sono applicate in linea a specifici componenti HTML.
Se si desidera utilizzare la funzionalità di caricamento pigro delle immagini nativa di WordPress, è possibile disattivare l'opzione LazyLoad in WP Rocket. D'altra parte, la nuova proprietà di caricamento non è ancora supportata da tutti i browser. Inoltre, l'installazione di WordPress è incentrata solo sulle foto. Pertanto, LazyLoad di WP Rocket è ancora l'alternativa migliore, soprattutto se il vostro sito web ha molte immagini, video e incorporamenti.
Cose da notare durante l'attivazione del caricamento pigro nativo di WP Rocket
Anche se WP Rocket non include la compatibilità automatica con i browser Chrome che utilizzano il caricamento pigro nativo, avete comunque la possibilità di scegliere il supporto per il caricamento pigro nativo di Chrome abilitandolo tramite un plugin di aiuto. Lo stesso vale anche se WP Rocket non include la compatibilità automatica con altri browser che utilizzano il caricamento pigro nativo.
Utilizzando questo utile plugin è possibile garantire le seguenti cose:
- Ogni vostra foto conterrà la sintassi HTML essenziale per utilizzare il caricamento pigro nativo; i browser compatibili con Chrome utilizzeranno automaticamente il caricamento pigro nativo; tutti gli altri browser utilizzeranno automaticamente il LazyLoad di WP Rocket.
- È possibile continuare a utilizzare la nostra robusta tecnologia LazyLoad o passare alla funzione di caricamento pigro integrata di Chrome.
Dipende tutto da voi! Per prima cosa, sperimentate entrambi gli approcci nella vostra sede e scegliete quello che funziona meglio per voi.
Utilizzo di a3 Lazy Load (gratuito)
Se cercate un'opzione gratuita, vi consigliamo di utilizzare il plugin a3LazyLoad. Con il plugin a3 è possibile disabilitare il caricamento pigro per determinate immagini e pagine. Inoltre, consente il caricamento ritardato dei video sul vostro sito web:
Inoltre, questo plugin assiste il caricamento pigro di immagini e video esterni. L'implementazione del nucleo di WordPress non esegue tale azione.
È possibile installare e attivare questo plugin dalla dashboard di WordPress. Ora è possibile personalizzare le impostazioni dello strumento.
Passo 2: Regolare le impostazioni dell'immagine del plugin
Andare in Impostazioni > a3 Lazy Load successivo. Se si guarda alla voce Attivazione di Lazy Load, il plugin è attivato di default dopo l'installazione.
Ora, aprire la scheda Immagini LazyLoad. È possibile (1) scegliere quali immagini del sito web ritardare e (2) fornire un fallback per i browser web che rifiutano di accettare JavaScript. Per le immagini che non si desidera ritardare il caricamento, è possibile (3) impostare una classe CSS:
Le impostazioni predefinite prevedono l'attivazione di tutte le opzioni. Si consiglia vivamente di mantenere questa impostazione. Creare una classe CSS che consenta di saltare il caricamento differito di determinate immagini.
Passo 3: Regolare le impostazioni video del plugin
La scheda Caricamento pigro di video e iframes è il passo successivo. Con a3 Lazy Load, è possibile selezionare il caricamento ritardato per particolari clip, proprio come per le immagini.
Il plugin consente di inserire i video (1) nei contenuti e nei widget e fornisce (2) una funzione di fallback per i browser che non supportano JavaScript:
È possibile specificare una classe CSS nelle impostazioni del video (3) per escludere determinati video dal caricamento differito. Se si desidera una configurazione più semplice, utilizzare la stessa classe scelta nella sezione immagini.
Altri plugin di caricamento pigro per WordPress
Oltre a WP rocket e a3 Lazy Load, sono disponibili diversi plugin utili per il caricamento pigro che potete prendere in considerazione:
- Caricamento pigro per i video
- BJ Carico pigro
- Caricare altri prodotti per WooCommerce
- Scorrimento infinito di WordPress - Caricamento Ajax Altro
- Carico condizionato Disqus
- Caricamento pigro per i commenti
Pensieri finali
È fondamentale essere consapevoli di ogni potenziale conflitto ogni volta che si aggiorna o si modifica il sito web. Consultate questo elenco di problemi frequenti associati al caricamento pigro se scoprite che l'autorizzazione al caricamento pigro ha reso inutilizzabile qualsiasi aspetto del vostro sito web.
È possibile che si verifichino incompatibilità a causa della mancata applicazione della funzione di caricamento pigro alle immagini caricate da plugin come Revolution Slider e Envira Gallery. L'elenco completo dei plugin compatibili è disponibile qui.
Questo articolo e molti altri sono disponibili sul Seahawk Media Blog.
