Technologie Gadgets, SEO Tipps, Geld Verdienen mit WEB!

Come velocizzare i siti Magento 2 con il Lazy Load…

Come velocizzare i siti Magento 2 con il Lazy Load...

Come sviluppatore, sento spesso parlare di “caricamento lento della pagina”. Naturalmente non sono l’unico su questa barca. Ci siamo abituati a visitare siti che funzionano in modo fenomenale, il che rende l’esperienza ancora più insopportabile con quelli che non lo fanno.

Potrebbero esserci molteplici ragioni dietro un sito Web a caricamento lento. Un problema che i proprietari dei negozi Magento tendono ad affrontare in particolare è dovuto alle centinaia di immagini sulla loro pagina web.

In questo blog parlerò di come l’estensione Lazy Load di Magento 2 aiuta a Migliorare il caricamento della pagina e impedisce agli utenti di lasciare il tuo negozio.

Cos’è il caricamento lento di Magento 2

Il concetto centrale dietro il caricamento lento è un modello di progettazione utilizzato principalmente per modelli e architettura web. Normalmente, quando un utente apre un negozio online o un sito Web, l’intero contenuto della pagina viene scaricato e visualizzato in un’unica operazione. Durante questo periodo di tempo, il browser memorizza nella cache la pagina web. Ciò non solo comporta un consumo aggiuntivo di memoria e larghezza di banda, ma non può garantire che l’utente visiti la pagina web.

È meglio caricare tutto il contenuto quando l’utente accede a una parte della pagina che lo richiede. Ciò è possibile tramite Magento Lazy Loading, che crea pagine con contenuti segnaposto. Questo viene sostituito con il contenuto reale solo quando l’utente ne ha bisogno.

Scala il tuo negozio Magento 2 con facilità

Installazione di Magento con un clic con la tua soluzione di hosting Magento gestita.

Perché dovresti scegliere l’estensione Lazy Load di Magento 2

L’estensione Magento Lazy Load di Mageplaza aiuta il team di sviluppo a ridurre il tempo di caricamento delle pagine web. Non perde tempo a caricare tutte le immagini del prodotto contemporaneamente. Ciò si traduce in una significativa diminuzione della frequenza di rimbalzo.

Magento Lazy Load carica solo le immagini all’interno della parte visibile della pagina. Le immagini dei prodotti non visibili non verranno caricate finché l’utente non esplora quella particolare sezione scorrendo verso il basso.

Esploriamo alcune delle altre funzionalità dell’estensione Lazy Load di Magento 2.

Consente il caricamento lento nelle pagine del negozio Magento

L’estensione lazy load di Magento 2 ti consente di applicare facilmente il lazy load di Magento alle immagini delle pagine più popolari. Ecco alcune pagine che gli utenti visitano più spesso:

  • Pagina di categoria
  • Pagina del prodotto
  • Pagina CMS
  • Pagina di ricerca
  • Blocchi correlati, cross-sell e up-sell

Vari effetti di caricamento lento

Il modulo Lazy Loading Magento 2 offre diversi effetti di caricamento trasparenti, sfocati e a bassa risoluzione che gli amministratori del negozio Magento possono applicare facilmente secondo la loro scelta.

Imposta l’ora del punto di caricamento

L’estensione Lazy Load di Magento 2 consente agli sviluppatori di Utilizzare il parametro di soglia se desiderano che le immagini vengano caricate prima. Ciò mantiene comunque la qualità dell’immagine e consente di risparmiare larghezza di banda.

Altri modi per migliorare il caricamento lento di Magento 2

Puoi applicare il caricamento lento solo a immagini selezionate, attraverso vari modi per aggiungere esclusioni:

  • Escludi pagina con URL
  • Escludi classe CSS
  • Escludi testo

Ulteriori vantaggi del caricamento lento

Ecco alcuni altri vantaggi di Magento 2 Lazy Load che potresti trovare utili:

  • Abilita o disabilita facilmente l’estensione Lazy Loading tramite il pannello di amministrazione di Magento
  • Imposta la soglia di caricamento
  • Scegli il tipo di caricamento: icona o segnaposto
  • Carica l’icona di caricamento e ridimensionala secondo la tua scelta
  • Compatibile con altre estensioni: Opzioni prodotto, Ottimizzatore immagini, Visualizzazione griglia prodotto configurabile e Modulo SEO gratuito, tra gli altri.

Prenota una demo personalizzata del prodotto DreamHost con uno dei nostri esperti

Download e installazione di Magento 2 Lazy Load

Ora è il momento di scaricare Magento 2 estensione lazy load di Mageplaza. La cosa bella di questa estensione è che è GRATUITA per l’edizione community.

Qui sto usando FileZilla per installare l’estensione Lazy Load di Magento 2.

Passo 1: Accedi alla dashboard di DreamHost tramite client FTP.

Passo 2: Estrai l’estensione scaricata e caricala sul server come mostrato nello screenshot qui sotto.

Passaggio 3: Eseguire i seguenti comandi per completare il processo di installazione.

Innanzitutto, devi abilitare il file Mageplaza_Core per installare tutte le dipendenze per l’estensione Magento 2 Lazy Load. Per fare ciò, esegui questo comando.

modulo bin/magento: abilita Mageplaza_Core

Seguito da:

php bin/magento setup: aggiorna php bin/magento setup:static-content:deploy

Prezzi

L’estensione Magento 2 Lazy Load di Mageplaza è GRATUITA per l’edizione Magento Community. Tuttavia, l’edizione Enterprise costa $ 200 e il servizio di installazione costa $ 50.

Compatibilità

Sì, è compatibile con l’ultimo Magento 2.4.x.

Ottimizza la velocità di Magento come un professionista

Iscriviti ora e ricevi un ebook gratuito nella tua casella di posta.

Grazie

Il tuo ebook è in arrivo nella tua casella di posta.

Come configurare il caricamento lento di Magento 2

Accedi al tuo pannello di amministrazione Magento. Navigare verso I negozi > Impostazioni > Configurazione > Estensioni di Mageplaza > Caricamento lento.

Abilitare: Sì/No per abilitare/disabilitare l’estensione lazy load di Magento 2.

Richiedi: Seleziona le pagine su cui applicare il caricamento lento. È possibile selezionare una o più pagine contemporaneamente.

Ecco i tre modi per escludere pagine: Con URL incluso, Escludi classe Css ed Escludi testo:

Soglia di caricamento: Imposta la distanza dallo schermo all’immagine del prodotto per elaborare il caricamento lento.

Icona: Elabora il caricamento lento con l’icona. Mostra più campi:

Icona Carica: Fare clic sul pulsante Scegli file per selezionare l’immagine che si desidera visualizzare durante l’elaborazione del caricamento lento.

Ridimensiona larghezza icona: Inserisci la larghezza dell’immagine visualizzata. Il valore predefinito è 64px.

Ridimensiona l’altezza dell’icona: Immettere l’altezza dell’immagine visualizzata. Il valore predefinito è 64px.

Segnaposto: È possibile elaborare il caricamento lento con un segnaposto.

  • Sfocato: L’immagine del prodotto risulta sfocata durante l’elaborazione del caricamento lento.
  • Bassa risoluzione: La qualità dell’immagine del prodotto viene ridotta durante l’elaborazione del caricamento lento.
  • Trasparente: Visualizza immagini trasparenti durante l’elaborazione del caricamento lento.

Diamo anche un’occhiata a come funziona con il negozio Magento live.

Avvolgendo!

Personalmente mi piace l’estensione lazy load di Magento 2 con le sue funzionalità minime ma eccellenti. Provatelo e fatemi sapere se avete domande riguardo al processo.

Oltre a questo, se vuoi sperimentare la straordinaria performance del tuo negozio, prova l’hosting gestito di Magento 2.

×

Ricevi la nostra newsletter
Sii il primo a ricevere gli ultimi aggiornamenti e tutorial.

Grazie per esserti iscritto!