Presentazione del nuovo Ultra Smush: aumento della compressione dell'immagine 5x con perdita di qualità minima

Pubblicato: 2023-07-19

Il nuovo plug-in Ultra Smush di ottimizzazione delle immagini di WPMU DEV sblocca livelli di compressione delle immagini senza precedenti fino a 5 volte superiori rispetto a Super Smush , pur mantenendo una qualità dell'immagine impressionante!

Il tuo sito WordPress è pieno di immagini? Vuoi che quelle immagini vengano caricate sulle tue pagine più velocemente di una lamborghini che accelera sull'autostrada e le comprimano più strettamente del programma di uno sviluppatore full stack? E fare tutto questo senza quasi nessuna perdita percepibile di qualità dell'immagine?

Quindi è il momento di attivare Ultra Smush .

In questo articolo:

  • 5 volte più risparmio? Ecco i risultati
  • Come abilitare la modalità Ultra di Smush
  • Come si confronta Ultra Smush con Super Smush?
  • Perché la compressione delle immagini è un grosso problema

Entriamo subito in ciò che conta davvero...

5 volte più risparmio? Ecco i risultati

Prima di entrare in come attivare e utilizzare il nuovo livello di compressione delle immagini Ultra Smush e perché può fornire risultati ancora più impressionanti rispetto alla nostra già impressionante funzione Super Smush, condividiamo alcuni dei risultati dell'utilizzo di Ultra Smush.

Innanzitutto, ecco i risultati dell'esecuzione di uno smush di massa su un sito di test con oltre 1.000 immagini di grandi dimensioni con solo Super Smush attivato (CDN, WebP locale e Lazy Load sono inattivi)...

Risparmi sulla compressione delle immagini con Super Smush.
Prima di Ultra Smush: risparmi sulla compressione delle immagini utilizzando solo Super Smush.

Dopo aver attivato Ultra Smush, abbiamo quindi eseguito nuovamente il test per vedere se potevamo spremere qualcosa di più da un sito già ottimizzato per le immagini.

E lo ha fatto! Ultra Smush ha fatto risparmiare più di 5 volte...

Risultati dei test Bulk Smush utilizzando la modalità Ultra di Smush
Dopo Ultra Smush: oltre 5 volte il risparmio su un sito già ottimizzato!

I primi tester hanno riferito di ottenere risultati simili.

Super Smush contro Ultra Smush
Risultati: Super Smush (prima) vs Ultra Smush (dopo)

Ed ecco solo alcuni dei commenti che abbiamo ricevuto dai primi tester sull'impatto di Ultra Smush sulla qualità dell'immagine:

  • “Ultra è fantastico. Era difficile trovare la differenza tra le qualità. La perdita di qualità è trascurabile. Sono impressionato!"
  • "Sembra abbastanza buono, solo se guardo molto da vicino posso vedere che alcuni dei colori non sono così vibranti e che alcuni bordi non sono così nitidi come nell'originale."
  • "Su un'immagine di medie dimensioni con molti dettagli, devi guardare molto da vicino per vedere leggere differenze di saturazione del colore. Su un'immagine grande con uno sfondo solido ma sfumato, le transizioni tra i gradienti sono più visibili e l'oggetto principale sembra poco nitido. Devi davvero guardare molto da vicino e aspettartelo. Anche se non è per un sito di foto che richiede una qualità superba. Tutto sommato: piuttosto impressionante.

Il nostro team di sviluppo del plug-in ha anche eseguito test approfonditi, confrontando i risultati di Ultra Smush con l'ottimizzatore di immagini Ewww e TinyPNG eseguendo i test DSSIM (una metrica di confronto della qualità che mostra la variazione rispetto all'immagine originale: più basso è il punteggio, meglio è).

Ultra Smush ha superato la concorrenza nella maggior parte dei test ed è risultato il vincitore assoluto sia per il risparmio di compressione...

Test Ultra Smush - Riduzione media delle dimensioni dei file
I test di riduzione delle dimensioni dei file mostrano che Ultra Smush è il chiaro vincitore!

…e qualità dell'immagine (valori DSSIM inferiori = migliore qualità dell'immagine).

Test Ultra Smush - Valore medio DSSIM
I test DSSIM mostrano che Ultra Smush offre un risparmio di immagini superiore e una migliore qualità rispetto alla concorrenza.

Per essere chiari, l'utilizzo di Ultra Smush risulterà in una compressione con perdita di dati , quindi anche se non dovresti aspettarti la qualità originale, i risultati saranno comunque impressionanti.

Come abilitare la modalità Ultra di Smush

Ultra Smush non è solo una nuova funzionalità, è un livello di compressione completamente nuovo per le immagini Bulk Smusing.

La modalità Ultra è una funzionalità di Smush Pro che sostituisce l'interruttore Super Smush nella versione gratuita del plug-in con opzioni aggiuntive di "Modalità Smush".

Passare alla modalità Ultra è semplicissimo. Se hai installato Smush Pro sul tuo sito, vai semplicemente alla schermata Impostazioni di Bulk Smush e seleziona Ultra (compressione più alta) facendo clic sul pulsante, quindi salva le impostazioni.

Scegli il livello di compressione per le immagini di massa che meglio si adatta alle tue esigenze.

La modalità Smush offre tre livelli di compressione per le impostazioni Bulk Smush:

  • Di base : scegliere questa opzione per una riduzione minima delle dimensioni del file (risparmi ridotti), una compressione perfetta senza perdita di pixel della qualità dell'immagine originale e un impatto trascurabile sulla velocità.
  • Super : per caricare le pagine più velocemente, selezionare questa impostazione per una sostanziale riduzione delle dimensioni del file con un'eccellente nitidezza dell'immagine. Super Smush offre un risparmio di compressione fino a 2x per le tue immagini (compressione con perdita).
  • Ultra : selezionare questa opzione di compressione per una compressione delle prestazioni di livello professionale. Ultra Smush offre livelli di compressione fino a 5 volte superiori rispetto a Super, preservando al contempo un'impressionante qualità dell'immagine.

Dopo aver abilitato Ultra Smush nelle impostazioni del plug-in, puoi monitorare i risultati dalla scheda Prestazioni di The Hub.

The Hub: Performance Tab - Ultra Smush
Visualizza i risultati dell'ottimizzazione di Ultra Smush all'interno di The Hub.

Appunti:

  • Se preferisci continuare a ottimizzare le immagini utilizzando le impostazioni Base (senza perdita di dati) o Super Smush, seleziona invece le opzioni Livello di compressione.
  • Se abiliti Ultra Smush su un sito in cui Smush è già in esecuzione, ricordati di ricontrollare tutte le immagini ed eseguire un nuovo Bulk Smush per beneficiare di ulteriori risparmi di ottimizzazione.
Bulk Smush - Ricontrolla le immagini
Dopo aver abilitato Ultra Smush, esegui nuovamente Bulk Smush per ottimizzare ulteriormente il tuo sito.

Come si confronta Ultra Smush con Super Smush?

Mentre Super Smush fornisce un'ottimizzazione dell'immagine fino a 2 volte più veloce praticamente senza alcuna perdita visibile di qualità, il nuovo motore di compressione di Ultra Smush offre una riduzione delle dimensioni del file fino a 5 volte per ottenere risultati di compressione eccezionali.

Nota: attualmente, Ultra Smush migliora solo le immagini JPEG. Funzionalità per migliorare le immagini PNG verranno aggiunte nelle versioni future del plug-in.

Per ulteriori informazioni su Ultra Smush, fare riferimento alla documentazione del plug-in Smush.

Perché la compressione delle immagini è un grosso problema

Se hai appena iniziato con l'ottimizzazione di WordPress, è importante sapere che l'utilizzo della compressione delle immagini sui siti Web offre numerosi vantaggi significativi che migliorano l'esperienza utente complessiva e le prestazioni del sito, come ad esempio:

Velocità di caricamento più elevate

Le immagini compresse sono di dimensioni inferiori, il che significa che impiegano meno tempo a caricarsi quando qualcuno visita il tuo sito Web WordPress. Velocità di caricamento più elevate migliorano la soddisfazione degli utenti e riducono le frequenze di rimbalzo. Inoltre, la velocità di caricamento delle pagine è un fattore cruciale per la SEO, poiché i motori di ricerca tendono a dare la priorità ai siti Web che si caricano più velocemente nei risultati di ricerca.

Esperienza utente migliorata

Quando le immagini si caricano rapidamente, è più probabile che gli utenti rimangano coinvolti dai tuoi contenuti. Immagini compresse di alta qualità assicurano che i visitatori possano accedere agli elementi visivi del tuo sito Web senza attendere tempi di caricamento prolungati. Questa esperienza positiva può portare a una maggiore fidelizzazione degli utenti e a tassi di conversione più elevati.

Risparmio di larghezza di banda

Le immagini compresse consumano meno larghezza di banda, rendendo il tuo sito Web più efficiente, soprattutto per gli utenti con piani dati limitati o connessioni Internet più lente. Ciò può essere particolarmente importante per gli utenti di dispositivi mobili, poiché spesso dispongono di quantità limitate di dati.

Carico del server ridotto

Le dimensioni delle immagini più piccole si traducono in un carico del server ridotto, poiché il server deve elaborare e trasmettere meno dati per ogni richiesta di immagine. Questo può aiutare a prevenire problemi di prestazioni durante i periodi di punta del traffico e ridurre i costi di hosting.

Classifiche SEO più elevate

Google e altri motori di ricerca considerano la velocità di caricamento della pagina come uno dei fattori di ranking. Tempi di caricamento più rapidi, ottenuti attraverso la compressione delle immagini, possono avere un impatto positivo sulla SEO del tuo sito Web e potenzialmente portare a un posizionamento più elevato nei motori di ricerca.

Facilità di backup e ripristino

I file di immagine più piccoli sono più veloci da eseguire il backup e il ripristino, semplificando la gestione efficiente dei backup del tuo sito web.

Considerazioni sull'accessibilità

Tempi di caricamento più rapidi avvantaggiano tutti gli utenti, compresi quelli con disabilità che possono fare affidamento su lettori di schermo o avere un accesso limitato alla larghezza di banda.

Il modo più semplice per implementare la compressione delle immagini sui siti Web WordPress è utilizzare un plug-in come Smush, che può essere facilmente installato e configurato per gestire automaticamente la compressione e l'ottimizzazione delle immagini mentre carichi i media sul tuo sito WordPress (sia internamente alla Libreria multimediale che media esterni directory) senza compromettere la qualità visiva.

Scegli Ultra Smush per un'ottimizzazione dell'immagine superiore

Come accennato in precedenza, Ultra Smush è una funzionalità di Smush Pro. Se stai attualmente utilizzando il plug-in Smush gratuito, prendi in considerazione l'idea di diventare un membro WPMU DEV e iniziare a godere dei vantaggi di ulteriori risparmi e miglioramenti delle prestazioni, oltre all'accesso alla piattaforma di gestione WordPress "all-in-one" più robusta disponibile ovunque.

Quindi, se il tuo obiettivo è ridurre in modo significativo le dimensioni dei file di immagine e automatizzare l'intero processo, la soluzione è semplicissima... abilita Ultra Smush su tutti i tuoi siti WordPress e sperimenta un aumento dell'ottimizzazione fino a 5 volte nel risparmio di compressione delle immagini e un'impressionante qualità dell'immagine.

Hai già avviato Ultra Smushing delle tue immagini su WordPress? Condividi i tuoi risultati nei commenti qui sotto.