Completamento Lazy Loading con la compressione delle immagini

Negli ultimi mesi abbiamo parlato dell'importanza della compressione delle immagini. Che si tratti di Joomla, WordPress, Drupal o qualsiasi altro CMS, la compressione delle immagini migliora il peso della pagina, e quindi il tempo di caricamento complessivo. D'altra parte, lazy loading delle immagini facilita la navigazione sul tuo sito web posticipando il caricamento delle immagini fino a quando i tuoi lettori non le vedono.

Posticipando il caricamento delle immagini, gli utenti che utilizzano dispositivi mobili possono risparmiare sul proprio piano dati. Tutti gli altri beneficiano di tempi di caricamento più rapidi, il che a sua volta aumenta il punteggio SEO. L'impatto positivo del lazy loading è così significativo che Google Chrome sta pianificando di adottare questa tecnica in modo nativo nei futuri aggiornamenti.

lazy loading delle immagini non è la soluzione definitiva a tutti i problemi di caricamento dei blog. In alcuni casi, è necessario precaricare le immagini. In altri casi, si hanno immagini di grandi dimensioni che impiegano troppo tempo a caricarsi. Ciò che è comune in questi scenari è il fatto che le immagini abbiano 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 al momento del loro utilizzo. Il tempo necessario per scaricare le immagini dipende dalla loro dimensione, che si tratti di pochi kilobyte o megabyte. La compressione delle immagini accelera il processo di download riducendone le dimensioni. Perché caricare immagini a grandezza naturale quando è possibile caricare immagini compresse?

ImageRecycle assume il ruolo di ottimizzatore di immagini. ImageRecycle è progettato per ridurre le dimensioni delle immagini senza comprometterne la qualità. Le immagini costituiscono alcuni degli elementi più comuni e di grandi dimensioni nelle pagine web moderne. Ridurne le dimensioni significa spendere meno spazio di archiviazione e un'esperienza di navigazione più veloce. Gli effetti sono sorprendenti. Aggiungerei che l'effetto è ancora più impressionante quando il lazy loading utilizza tecniche avanzate come il precaricamento del viewport, il che significa che le immagini sono già precaricate in una o due altezze dello schermo.

ImageRecycle può essere utilizzato in qualsiasi progetto grazie a una pratica API, ma non è necessario essere esperti di tecnologia per utilizzarlo. L'ottimizzatore di ImageRecyclefa parte di due plugin che aiutano a ottimizzare i blog WordPress e Joomla: WP Speed of Light e Speed Cache e può essere utilizzato su quasi tutte le piattaforme con lo script di compressione immagini PHP.

Il processo per utilizzare ImageRecycle in uno qualsiasi di questi due plugin o nello script è relativamente semplice. Innanzitutto, è necessario attivare una prova gratuita di ImageRecycle o acquistare un abbonamento. Quindi, installare e attivare le estensioni di WordPress o Joomla e il plugin ImageRecycle , e aggiungere la chiave API e il codice segreto di ImageRecycle nella pagina delle impostazioni. Una volta attivato correttamente l'account ImageRecycle , è possibile sfruttarne i vantaggi senza dover abbandonare WordPress, Joomla, OpenCart o qualsiasi altro CMS.

Se è la prima volta che utilizzi ImageRecycle sul tuo sito web, puoi immediatamente ottimizzare tutti i tuoi file multimediali. Con il plugin attivato, puoi comprimere immediatamente tutte le immagini e persino i file PDF in blocco. In futuro, potrai ottimizzare i file singolarmente o comprimere i file multimediali in blocco. Il bello è che questo processo avviene in background.

Ottimizzazione della compressione delle immagini

Poter ottimizzare tutte le immagini è una benedizione, ma il punto di forza di ImageRecycleè il suo controllo. Con ImageRecycle, l'ottimizzazione delle immagini raggiunge una dimensione di controllo completamente nuova. È possibile includere cartelle multimediali specifiche per la compressione, lasciando le altre immagini nel loro stato originale.

È anche possibile specificare il livello di compressione in modo indipendente per diversi tipi di file: PDF, PNG, JPG e GIF. I livelli di compressione variano da un risparmio ottimale, con una riduzione delle dimensioni del file fino all'80%, a un livello di qualità originale meno duraturo, fino a nessuna compressione.

In alcuni casi, potrebbe essere opportuno far precedere la compressione delle immagini da un ridimensionamento preliminare. Si consiglia di caricare immagini di grandi dimensioni su un blog che non si concentra molto sui media. È probabile che queste immagini vengano comunque ridimensionate durante il rendering nel frontend.

La cosa più preoccupante è che queste immagini di grandi dimensioni occupano troppo spazio e devono essere scaricate per intero per essere visualizzate. ImageRecycle consente di ridimensionare automaticamente le immagini alla larghezza o all'altezza massime per evitare di memorizzare immagini di grandi dimensioni che hanno un impatto negativo sul blog.

Lazy loading è una buona soluzione per ridurre i tempi di caricamento del tuo blog, ma a volte può essere quasi superficiale: una temporanea velocizzazione delle pagine web. La compressione delle immagini integra lazy loading , rendendolo pienamente efficace attraverso l'ottimizzazione delle immagini. Ancora indeciso o impaziente di provare la compressione delle immagini? Prova ImageRecycle con una prova gratuita!