Integrazione Lazy Loading con la compressione delle immagini

Negli ultimi mesi abbiamo parlato dell’importanza della compressione delle immagini. Sia in Joomla, WordPress, Drupal o qualsiasi altro CMS, la compressione delle immagini migliora il peso della pagina, e quindi il tempo di caricamento globale. D'altra parte lazy loading delle immagini facilita la navigazione nel tuo sito web posticipando il caricamento delle immagini fino a quando i tuoi lettori arrivano alle immagini.

Posticipando il caricamento delle immagini, i lettori mobili possono salvare sul proprio piano dati. Tutti gli altri beneficiano di tempi di caricamento più rapidi, il che a sua volta aumenta il tuo punteggio SEO. L'impatto positivo del lazy loading è abbastanza significativo che Google Chrome prevede di adottare la tecnica in modo nativo nei futuri aggiornamenti.

Il lazy loading immagini non è la soluzione definitiva a tutti i problemi di caricamento del blog. In alcuni casi, è necessario precaricare le immagini. In altri casi, hai immagini di grandi dimensioni che richiedono troppo tempo per il caricamento. Ciò che è comune in questi scenari è il fatto che le immagini hanno l'ultima parola sui tempi di caricamento. È qui che entra in gioco la compressione delle immagini.

Compressione diligente delle immagini

lazy loading delle immagini posticipa il download delle immagini fino a quando non sono necessarie. Il tempo necessario per scaricare le immagini dipende da quanto è grande l'immagine, se pochi kilobyte o megabyte. La compressione delle immagini accelera l'effettivo processo di download riducendo la dimensione delle immagini. Perché caricare lentamente immagini a grandezza naturale quando puoi caricare lentamente immagini compresse?

ImageRecycle assume il ruolo di ottimizzatore di immagini. ImageRecycle è progettato per ridurre le dimensioni delle immagini senza comprometterne la qualità. Le immagini comprendono alcuni degli elementi più comuni e di grandi dimensioni nelle pagine Web moderne. Ridurne le dimensioni significa pagare per meno spazio di archiviazione e un'esperienza di navigazione più veloce. Gli effetti sono sbalorditivi. Aggiungerei che l'effetto è ancora più impressionante quando il lazy loading utilizza una tecnica avanzata come il precaricamento della vista, il che significa che uno o due altezze dello schermo hanno già precaricato le immagini.

ImageRecycle può essere utilizzato in qualsiasi progetto grazie a una pratica API, ma non è necessario avere una mentalità tecnica per utilizzare ImageRecycle. L'ottimizzatore di immagini fa parte di due plugin che ti aiutano a ottimizzare i tuoi blog WordPress e Joomla: WP Speed of Light e Speed Cache e possono essere utilizzati su quasi tutte le piattaforme con lo script di compressione delle immagini PHP.

Il processo per utilizzare ImageRecycle in uno di questi due plug-in o nello script è relativamente semplice. Innanzitutto, devi attivare una prova gratuita di ImageRecycle o acquistare un abbonamento. Quindi, installa e attiva le estensioni WordPress o Joomla e il plug-in ImageRecycle e aggiungi la chiave e il segreto dell'API ImageRecycle nella pagina delle impostazioni. Una volta attivato con successo il tuo account ImageRecycle , puoi sfruttarne i vantaggi senza dover lasciare WordPress, Joomla, opencart o qualsiasi CMS.

Se è la prima volta che utilizzi ImageRecycle nel tuo sito Web, puoi immediatamente aggiornare tutti i tuoi file multimediali. Con il plug-in attivato, puoi comprimere subito tutte le immagini e persino i file PDF in blocco. In futuro, puoi ottimizzare i file individualmente o comprimere i media in blocco. Soprattutto, questo processo avviene in background.

Ottimizzazione della compressione delle immagini

Essere in grado di ottimizzare tutte le immagini è una benedizione, ma la più grande dimostrazione di forza di ImageRecycleè il suo controllo. Con ImageRecycle, all'ottimizzazione delle immagini viene data una nuova dimensione di controllo. È possibile includere cartelle multimediali specifiche per la compressione, lasciando le altre immagini nel loro stato originale.

Puoi anche specificare il livello di compressione in modo indipendente per diversi tipi di file: file PDF, PNG, JPG e GIF. I livelli di compressione vanno dal miglior salvataggio, con riduzione delle dimensioni dei file fino all'80%, al livello di qualità originale meno permanente, fino all'assenza totale di compressione.

In alcuni casi, potresti voler far precedere la compressione dell'immagine da un passaggio preliminare di ridimensionamento. Considera l'idea di caricare immagini di enormi dimensioni su un blog che non si concentra ampiamente sui media. È probabile che queste immagini vengano comunque ridimensionate quando visualizzate nel frontend.

La cosa più preoccupante è che queste immagini di grandi dimensioni occupano troppo spazio e devono essere scaricate nella loro interezza per essere visualizzate. ImageRecycle ti consente di ridimensionare automaticamente le immagini a una larghezza o altezza massima per evitare di memorizzare immagini di grandi dimensioni che hanno un effetto dannoso sul tuo blog.

Lazy loading è una buona soluzione per ridurre i tempi di caricamento sul tuo blog, ma a volte può essere quasi superficiale: una temporanea accelerazione delle pagine web. La compressione delle immagini completa il lazy loading rendendolo completamente efficace tramite l'ottimizzazione dell'immagine. Ancora indeciso o entusiasta di provare la compressione delle immagini? Prova ImageRecycle per te stesso con una prova gratuita!