Ci sono molti approcci diversi disponibili per implementare il caricamento pigro sul tuo sito Web. Sei invitato a dare un'occhiata al nostro elenco classificato dei plugin migliori per WordPress che supportano il caricamento lento.
Esistono numerosi plug -in nella directory di WordPress che possono essere utilizzati per caricare immagini e video di caricamento. Dopo aver considerato alcune dozzine di plug -in e averne testato alcuni, abbiamo trovato due plugin che aumentano significativamente le prestazioni del sito Web. Se sei desideroso di implementare il caricamento pigro, considera le opzioni di seguito.
Utilizzando WP Rocket (Premium)
WP Rocket è l'approccio più semplice per l'implementazione del caricamento lento sul tuo sito Web. Inoltre, il processo di abilitazione richiede meno di un minuto. Lazyload è il nome del plug -in che WP Rocket include come versione del caricamento di immagini pigro.
Quando il Lazyload è acceso, WP Rocket fermerà immediatamente l'immagine nativa di WordPress il caricamento pigro per prevenire eventuali problemi.
Seguire i passaggi seguenti per abilitare la funzione Lazyload del razzo WP:-
- È possibile attivare LazyLoad navigando su Impostazioni> Rocket WP> Pannello multimediale all'interno dell'installazione di WordPress.
- Fai clic su "Abilita per le immagini" nell'area Lazyload nella parte superiore dello schermo.
- Fai clic su "Salva modifiche" dopo aver effettuato la selezione.
Questo è tutto il resto che deve essere fatto. Di conseguenza, i visitatori sperimenteranno il carico lento delle foto.
Lazyload fornisce un caricamento pigro per ulteriori elementi HTML, come iFrames e video, in contrasto con l'approccio nativo fornito da WordPress. Inoltre, utilizzerà un caricamento pigro per immagini di sfondo se tali immagini vengono applicate in linea per specifici componenti HTML.
Se si desidera utilizzare la funzionalità di caricamento di Picture Native di WordPress, puoi disattivare l'opzione Lazyload nel razzo WP. D'altra parte, la nuova proprietà di caricamento non è ancora supportata da tutti i browser. Inoltre, l'installazione di WordPress è focalizzata solo sulle foto. Pertanto, Lazyload di WP Rocket è ancora l'alternativa superiore, in particolare se il tuo sito Web ha molte immagini, video e incorporati.
Cose da notare mentre si attiva il 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, hai comunque la possibilità di scegliere il supporto per il caricamento pigro nativo di Chrome consentendolo tramite un plug -in helper. Allo stesso modo, è il caso anche se WP Rocket non include la compatibilità automatica con altri browser che utilizzano il caricamento pigro nativo.
È possibile assicurarsi che le seguenti cose utilizzano questo plug -in utile:
- Ognuna delle tue 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.
- Hai la possibilità di continuare a utilizzare la nostra robusta tecnologia di Lazyload o passare alla funzione di caricamento pigro integrato di Chrome.
Dipende tutto da te! Innanzitutto, conduci prove di entrambi gli approcci nella tua posizione e scegli quello che funziona meglio per te.
Usando A3 Lazy Load (gratuito)
Se stai cercando un'opzione gratuita, ti consigliamo di utilizzare il plug -in A3 L AZ Y. È possibile disabilitare il caricamento pigro per immagini e pagine particolari utilizzando il plug -in A3. Inoltre, consente il caricamento ritardato di video sul tuo sito Web :
Inoltre, questo plugin assiste un carico pigro di immagini e video esterni. L'implementazione di WordPress Core non esegue tale azione.
È possibile installare e attivare questo plug -in dalla dashboard di WordPress. Ora puoi personalizzare le impostazioni dello strumento.
Passaggio 2: regola le impostazioni dell'immagine del plugin
Vai su Impostazioni> A3 LAZY Caricamento Avanti. Se guardi sotto l'attivazione del carico pigro, il plugin viene attivato per impostazione predefinita dopo l'installazione.
Ora, apri la scheda Immagini Lazyload. È possibile (1) scegliere quali immagini del sito Web ritardare e (2) fornire un fallback per i browser Web che si rifiutano di accettare JavaScript. Per le immagini che non si desidera ritardare il caricamento, puoi (3) impostare una classe CSS:
Le impostazioni predefinite hanno ogni opzione abilitata . Ti consigliamo vivamente di mantenere questa impostazione. Crea una classe CSS che ti consentirà di saltare il caricamento differito per immagini particolari.
Passaggio 3: regola le impostazioni del video del plug -in
La scheda IFRAMES e IFRAMES LAZY è il passaggio successivo. Con A3 Lazy Load, puoi selezionare il caricamento ritardato per clip particolari come puoi con le immagini.
Il plugin consente video in (1) contenuto e widget e fornisce (2) una funzione di fallback per i browser che non supportano JavaScript:
È possibile specificare una classe CSS nelle impostazioni video (3) per escludere video particolari dal caricamento differito. Se si desidera una configurazione più semplice, usa la stessa classe che hai scelto nella sezione Immagini.
Plugin di caricamento più pigri per WordPress
Oltre a WP Rocket e A3 Lazy Load, sono disponibili diversi plugin utili per il carico pigro che puoi prendere in considerazione:
- Carico pigro per video
- Carico pigro BJ
- Carica più prodotti per WooCommerce
- WordPress Infinite Scroll - Ajax Carica di più
- Carico condizionale disqus
- Carico pigro per commenti
Pensieri finali
È fondamentale essere consapevoli di eventuali conflitti ogni volta che si aggiorna o modifichi il tuo sito Web. Dai un'occhiata a questo elenco di frequenti problemi associati al carico pigro se scopri che consentire il caricamento pigro ha causato inutilizzato qualsiasi aspetto del tuo sito Web.
È possibile che ci siano incompatibilità a causa della funzione di caricamento pigro che non viene applicata alle immagini che vengono caricate da plug -in come Revolution Slider e Evira Gallery. L'intero elenco di plugin compatibili può essere trovato qui.
Questo articolo, così come molti altri, può essere trovato sul Blog di Seahawk Media .
