Se avete testato il vostro negozio Prestashop con strumenti come Google Pagespeed Insight o GTMetrix, potreste aver ricevuto la raccomandazione "Codifica le immagini in modo efficiente" o "Distribuisci le immagini in formati di nuova generazione". Se è così, questo articolo fa per voi: vi spiego come scegliere il modulo Prestashop giusto per comprimere le vostre immagini in formato WEBP.

Ottimizzazione delle immagini, perché farlo?

Questa è probabilmente la prima domanda da fare! L'ottimizzazione di un'immagine consente di ridurne le dimensioni/il peso, e quindi la velocità di caricamento della pagina sarà maggiore. Il formato WEBP consente di ottimizzare i file PNG e JPG delle pagine web e di ridurne le dimensioni in media del 30%, il che è ancora più importante sui cellulari dove la connessione a Internet è più lenta. Non guadagnerete necessariamente in termini di SEO, ma poiché le pagine si caricano più velocemente i vostri clienti saranno più propensi a fare acquisti online!

Il modulo comprime tutte le immagini?

Alcuni moduli comprimono solo le immagini di prodotti, categorie, marchi e fornitori. Le immagini del tema o del modulo non beneficiano dell'ottimizzazione WEBP. Controllare questo punto quando si sceglie il modulo Prestashop WEBP.

È necessario installare una particolare estensione PHP?

Controllare come il modulo comprime le immagini. Ha bisogno di uno dei seguenti compressori:

Binari Cwebp: è il programma fornito da Google, alcuni moduli lo installano ma non sempre sono compatibili con i server (permessi negati o processori incompatibili)
Estensione PHP Vips: è un'estensione PHP non spesso presente sugli hosting standard
Estensione PHP Imagick: si tratta di un'estensione PHP spesso non presente negli hosting standard
Estensione PHP Gmagick: si tratta di un'estensione PHP spesso non presente negli hosting standard
Estensione PHP Gd: si tratta di un'estensione PHP spesso presente negli hosting ma non sempre compilata con l'opzione WEBP

Alcuni moduli utilizzano un servizio esterno di ottimizzazione delle immagini, come ewww.io.

Secondo la mia esperienza, il compressore WEBP più efficiente è l'estensione GD. Il binario di Google è spesso molto più lento (x10) della GD.

Cosa succede se il browser (ad esempio Safari) non legge il formato WEBP?

Assicurarsi che il modulo restituisca l'immagine originale (non compressa) se il browser non può leggere WEBP. Ad esempio, il browser Safari (iPhone/Apple) lo supporterà solo a partire dalla versione 16! Esiste un modo molto semplice per farlo: tutti i browser indicano al server quale formato può leggere con l'intestazione "Accept"; se "image/webp" non è presente, viene restituita l'immagine non compressa.

Controllare anche se il modulo modifica o meno gli URL delle immagini (modificando l'estensione .JPG in .WEBP, ad esempio). Se non li modifica (è meglio per i moduli di cache HTML) deve offrire la possibilità di farlo, perché alcuni CDN (proxy) come Cloudflare non gestiscono l'intestazione 'Vary: Accept'.

Come vengono compresse le immagini vecchie e nuove?

Esistono due strategie:

  1. il modulo comprime le immagini ogni volta che le si aggiunge tramite il back office, nel qual caso ci vorrà molto tempo per comprimere le immagini già presenti nel negozio.
  2. il modulo comprime le immagini in formato WEBP alla prima visualizzazione; in questo caso non è necessaria un'elaborazione importante, le immagini vengono compresse solo se vengono utilizzate e alla prima visualizzazione in un browser

Possiamo scegliere la qualità delle immagini?

Il formato WEBP è "lossy", cioè con la perdita di dati la qualità delle immagini si degrada, ma è possibile regolare il tasso di compressione in modo che la perdita di qualità non sia visibile a occhio nudo. Verificare che il modulo WEBP consenta di scegliere questo tasso di compressione, in modo da poter definire autonomamente la qualità desiderata.

Conclusione

Ora sapete quali domande dovete porvi per scegliere il vostro modulo di compressione WEBP per Prestashop.

Si deve sapere che il nostro modulo Speed Pack (Page Cache Ultimate + Lazy Loading + WEBP) offre la compressione WEBP