Completamento del 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, quindi il tempo di caricamento globale. D'altra parte, il lazy loading 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 dell'immagine

Il lazy loading immagini posticipa il download delle immagini fino a quando non sono necessarie. Il tempo necessario per scaricare le immagini dipende dalle dimensioni dell'immagine, che si tratti di pochi kilobyte o megabyte. La compressione delle immagini accelera il processo di download effettivo riducendo le dimensioni delle immagini. Perché caricare in modo pigro immagini a grandezza naturale quando potresti caricare in modo lento 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 risparmio, tagliando le dimensioni dei file fino all'80%, al livello di qualità originale meno permanente, fino alla totale assenza di compressione.

In alcuni casi, potresti voler precedere la compressione dell'immagine con un passaggio di ridimensionamento preliminare. Considera di caricare immagini di dimensioni enormi su un blog che non si concentrano ampiamente sui media. È probabile che queste immagini vengano ridimensionate quando vengono comunque 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!