Ottimizzazione dei media in Speed Optimizer
Questo tutorial riguarda i seguenti argomenti:
Compressione delle immagini
Ridimensioneremo le tue immagini per diminuire lo spazio che occupano e il tempo necessario per caricare ogni immagine. Le dimensioni delle tue immagini non cambieranno e con il nostro algoritmo di ridimensionamento migliorato il cambiamento visivo della qualità è praticamente impercettibile.
Puoi usare il pulsante Anteprima per testare con una singola immagine come funziona la compressione e scegliere il livello di compressione più adatto a le tue esigenze.
Questo aprirà una nuova finestra dove potrai usare la nostra immagine di default o caricare la tua con la quale puoi vedere come i diversi livelli di compressione influiscono sulla qualità dell’immagine.
Usando il pulsante Modifica puoi poi impostare il livello di compressione desiderato e se vuoi che creiamo un backup delle tue immagini prima di comprimerle. Nota che a seconda del numero di immagini sul tuo sito web il processo potrebbe richiedere un po’ di tempo.
Usare immagini WebP
WebP è un formato immagine di nuova generazione supportato dai browser moderni che riduce notevolmente le dimensioni dei formati immagine standard mantenendo la stessa qualità. La riduzione delle dimensioni delle immagini significa una maggiore velocità di caricamento delle pagine web, quindi ti consigliamo vivamente di abilitare questa funzione.
Lazy Load dei media
Questa opzione fa sì che le tue immagini vengano caricate soltanto quando devono essere mostrate al visitatore e non nel processo di caricamento iniziale della pagina. Attivando l’opzione Lazy Load, le immagini principali del tuo sito inizieranno ad utilizzare questa ottimizzazione. Attivando questa opzione, i gravatar (molto utile per i post con molti commenti, dove potrebbero essere necessarie centinaia di richieste solo per caricare i gravatar degli autori dei commenti), thumbnail, immagini responsive e widgets caricheranno con lazy load.
Puoi anche escludere classi CSS specifiche e tipi di media dalla funzionalità Lazy Load.
Larghezza massima dell’immagine
Se carichi o usi spesso immagini di grandi dimensioni sul tuo sito web, potresti voler iniziare a ridimensionare le immagini per adattarle a una larghezza massima. Questo può ridurre le dimensioni delle immagini fino all’80% e aumentare notevolmente la velocità di caricamento sulle pagine con una o più immagini di grandi dimensioni. Abilitando quest’opzione ridimensionerai le tue immagini future la cui larghezza supera i 2560 px.
