Inizio
/
Tutorial WordPress
/
Tutorial sul Plugin Speed Optimizer
/
Ottimizzazione dei media in Speed Optimizer

Ottimizzazione dei media in Speed Optimizer

Compressione delle immagini

Importante! Questa funzione è disponibile solo per i siti web ospitati su SiteGround.

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.

compressione immagini in speed optimizer

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.

anteprima-compressone immagini in speed optimizer

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.

opzioni di compressione immagini in speed optimizer

Usare immagini WebP

Importante! Questa funzione è disponibile solo per i siti web ospitati su SiteGround.

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.

conversione imagini in formato webp

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.

lazy load dei media in speed optimizer

Puoi anche escludere classi CSS specifiche e tipi di media dalla funzionalità Lazy Load.

escludere classi o media dal lazy load

Attenzione! Alcuni slider potrebbero non funzionare correttamente se viene attivata l’opzione lazy load. Se utilizzi uno slider raccomandiamo di accertarsi che sia compatibile con il lazy load prima di attivarlo.

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.

larghezza massima dell'immagine in speed optimizer

Menu dei Tutorial

Condividi questo articolo