Le immagini sono le risorse che incidono di più sui tempi di caricamento della maggior parte dei siti web. con pochi clic, è possibile ottimizzare le immagini e migliorare i tempi di caricamento, rendendo più soddisfatti voi e i vostri visitatori. L’ottimizzazione delle immagini è disponibile solo se il CDN di Kinsta è abilitato.

L’ottimizzazione delle immagini non altera le immagini memorizzate nei file del sito, ma crea nuove immagini. Le nuove immagini non richiedono spazio di archiviazione aggiuntivo e non vengono conteggiate nel consumo di spazio su disco del piano Kinsta.

Quando è abilitata la funzione Lossless o Lossy, il CDN crea automaticamente le versioni WebP delle immagini utilizzando il servizio Polish di Cloudflare. Le versioni WebP vengono memorizzate nella cache del CDN di Cloudflare e vengono consegnate se:

  1. l’intestazione Accept del browser del visitatore include WebP e
  2. la versione WebP è significativamente più piccola.

Il CDN distribuirà l’immagine originale se è più piccola della versione WebP.

Abilitare l’ottimizzazione delle immagini

Per abilitare l’ottimizzazione delle immagini sul proprio sito, accedere a MyKinsta, andare su Siti WordPress > nome del sito > CDN e cliccare su Impostazioni alla voce Ottimizzazione delle immagini.

Impostazioni dell'ottimizzazione delle immagini in MyKinsta.
Impostazioni dell’ottimizzazione delle immagini in MyKinsta.

Si aprirà una nuova finestra in cui scegliere tra l’ottimizzazione delle immagini Lossless o Lossy:

Opzioni di ottimizzazione delle immagini in MyKinsta.
Impostazioni di ottimizzazione dell’immagine in MyKinsta.

Ottimizzazione dell’immagine Lossless

L’ottimizzazione delle immagini Lossless viene eseguita con una compressione senza perdita e non ha alcun impatto sulla qualità delle immagini. Vengono compresse solo le immagini GIF e PNG e vengono create versioni WebP di tali immagini. I metadati vengono rimossi da tutte le immagini.

Selezionare l'opzione di ottimizzazione dell'immagine Lossless in MyKinsta.
Selezionando l’opzione di ottimizzazione delle immagini Lossless in MyKinsta.

Selezionare questa opzione se è fondamentale mantenere la qualità dell’immagine. Se si desidera comprimere e creare versioni WebP di immagini JPEG, sarà necessario selezionare l’opzione Lossy.

Dopo aver cliccato sul pulsante Salva impostazioni, la pagina CDN dovrebbe apparire così:

Ottimizzazione delle immagini Lossless attivata in MyKinsta.
Ottimizzazione delle immagini Lossless abilitata in MyKinsta.

Ottimizzazione delle immagini Lossy

L’ottimizzazione delle immagini Lossy può ridurre la qualità delle immagini JPEG perché utilizza la compressione con perdita per ridurre al massimo le dimensioni delle immagini. Questa opzione comprime i file GIF e PNG come l’opzione Lossless e rimuove i metadati da tutte le immagini. Inoltre crea versioni Webp di tutte le immagini, ma la versione Webp viene utilizzata solo se è significativamente più piccola dell’immagine compressa con o senza perdita.

Selezionare l'opzione di ottimizzazione delle immagini Lossy in MyKinsta.
Selezionare l’opzione di ottimizzazione delle immagini Lossy in MyKinsta.

Selezionare questa opzione per massimizzare l’ottimizzazione dell’immagine, tenendo presente che potrebbe avere un impatto sulla qualità dell’immagine.

Dopo aver cliccato sul pulsante Salva impostazioni, la pagina CDN dovrebbe apparire così:

Ottimizzazione delle immagini Lossy attivata in MyKinsta.
Ottimizzazione delle immagini Lossy attivata in MyKinsta.

Testare l’ottimizzazione delle immagini

L’ottimizzazione delle immagini non modifica l’URL o l’estensione del file dell’immagine e non altera l’HTML delle pagine del sito web. Per verificare che l’ottimizzazione delle immagini funzioni, è possibile ispezionare le intestazioni HTTP di un’immagine sul sito con gli strumenti di sviluppo integrati nel proprio browser.

  1. Visitare il proprio sito e aprire gli strumenti per sviluppatori nel browser (cliccare con il tasto destro del mouse sulla pagina o su un’immagine e cliccare su Inspect).
  2. Nella scheda Network, ricaricare la pagina se necessario e selezionare un’immagine.
  3. Nella scheda Headers dell’immagine selezionata, scorrere verso il basso fino a visualizzare le Response Headers e cercare le intestazioni e i valori seguenti:
    1. cf-polished: Questo indica il formato originale e la dimensione del file dell’immagine. Se la versione WebP generata dell’immagine ha una dimensione maggiore rispetto all’immagine originale, quest’ultima viene comunque utilizzata.
    2. content-type: Mostra il formato del file servito, indipendentemente dall’URL o dall’estensione del file.
    3. ki-cache-type: Dovrebbe avere un valore di CDN.
    4. ki-cf-cache-status: Dovrebbe avere un valore di HIT. Questo, in combinazione con un valore dell’intestazione ki-cache-type di CDN, indica che l’immagine è servita dal CDN di Kinsta.

Disabilitare l’ottimizzazione delle immagini

Per disabilitare l’ottimizzazione delle immagini sul proprio sito web, accedere a MyKinsta, andare su Siti WordPress > nome sito > CDN e cliccare su Impostazioni nella sezione dell’ottimizzazione delle immagini. Nella nuova finestra, selezionare Nessuno e cliccare su Salva impostazioni.

La pagina del CDN ora rifletterà che non sono state applicate le impostazioni per l’ottimizzazione delle immagini e avrà il seguente aspetto:

Ottimizzazione delle immagini disattivata in MyKinsta.
Ottimizzazione delle immagini disattivata in MyKinsta.