Cloudflare Polish: ottimizzazione delle immagini lossless e lossy
Cloudflare Polish è il servizio di ottimizzazione automatica delle immagini incluso nei piani Pro, Business ed Enterprise. Compressa e converte immagini al volo sull'edge, riducendo dimensione e tempo di caricamento senza intervento sul codice del sito. Supporta conversione automatica in WebP e AVIF in base al browser del visitatore, rimuove metadati EXIF (privacy) e applica compressione lossless o lossy a scelta. È uno dei modi più semplici per migliorare PageSpeed e Core Web Vitals.
Lossless vs Lossy
Lossless: rimuove solo dati ridondanti (metadati, palette ottimizzazioni, encoding entropy) senza perdita di qualità visiva. Riduzione tipica 10-30%. Lossy: applica compressione aggressiva con leggera perdita di qualità impercettibile a occhio nudo. Riduzione tipica 30-60%. Per la maggior parte dei siti la modalità Lossy è perfetta: il risparmio di banda è sostanziale e la qualità rimane eccellente. Solo per portfolio fotografico professionale conviene Lossless.
Procedura passo-passo
- Verifica di essere su piano Pro+ (Polish è incluso).
- Vai su Speed → Optimization → Image Optimization.
- Trova la sezione Polish e scegli modalità: Off, Lossless o Lossy.
- Attiva anche WebP per conversione automatica al formato moderno.
- Su piano Pro+ attiva anche AVIF per i browser compatibili (Chrome, Firefox, Safari recenti).
- Salva: le modifiche sono effettive sulle nuove richieste, le vecchie cache restano.
- Forza un Purge Everything per applicare immediatamente.
- Esegui un test su PageSpeed Insights per misurare il miglioramento.
- Ispeziona gli header response: cf-polished: status=webp conferma la conversione.
- Per debug avanzato controlla content-type e content-length prima/dopo.
Conversione automatica WebP/AVIF
Polish ispeziona l'header Accept della richiesta. Se il browser dichiara di supportare image/webp, Polish serve la versione WebP. Se supporta image/avif, serve AVIF (ancora più compresso del 20% rispetto a WebP). Per browser legacy continua a servire JPEG/PNG originale. Il cache key tiene conto del formato accettato, quindi più varianti coesistono nella cache edge. Nessun cambiamento richiesto al codice HTML.
Mirage: ottimizzazione lazy load mobile
Polish è spesso abbinato a Mirage, un'altro servizio Cloudflare che ottimizza il caricamento immagini su mobile: serve versioni a bassa risoluzione per la prima paint, quindi sostituisce con la versione completa. Particolarmente utile su connessioni 3G/4G lente. Mirage e Polish lavorano insieme: Polish comprime, Mirage gestisce il delivery progressivo.
Errori comuni e come risolverli
- Immagini non ottimizzate: il sito usa SVG. Polish non agisce su SVG (sono già vettoriali).
- cf-polished mancante: cache vecchia. Purge Everything e ricarica.
- Differenze di qualità visibili: Lossy applicato a foto con compressione delicata. Passa a Lossless o esenta con Page Rule.
- EXIF metadata rimossi: comportamento atteso per privacy. Disattivabile su Enterprise.
- WebP rotto su Safari vecchio: Safari <14 non supporta WebP. Polish serve JPEG, controlla Accept.
Limiti di Polish
Polish ha alcuni limiti pratici: file immagini fino a 25MB, formati supportati JPEG/PNG/GIF (no TIFF, no RAW), non agisce su SVG (già vettoriali) né su WebP/AVIF originali. Il caricamento massimo di ottimizzazione è 100MB di asset per Page Load. Per gestione più granulare (resize, crop, watermark, focal point) considera Cloudflare Images, un prodotto dedicato a pagamento.
Impatto SEO e Core Web Vitals
Polish ha effetto diretto su Largest Contentful Paint (LCP), una delle metriche Core Web Vitals chiave per ranking Google. Su siti image-heavy la riduzione di banda si traduce in LCP migliorato del 20-40%. Il Cumulative Layout Shift (CLS) non è influenzato ma sicuramente serve sempre dichiarare width/height per evitare reflow. Combinare Polish + Brotli + Auto Minify porta facilmente a punteggio 95+ su PageSpeed Insights.
Domande frequenti
D: Polish modifica il file originale?
R: No, l'originale resta intatto sul server. Polish lavora solo sulle copie cache edge.
D: Posso escludere immagini specifiche?
R: Sì con Page Rule "Polish: Off" per pattern URL specifici.
D: Costo di Polish?
R: Incluso nei piani Pro (25 dollari/mese), Business, Enterprise senza extra.
D: Polish funziona con CDN third-party prima di Cloudflare?
R: Solo se le immagini passano da Cloudflare. CDN intermedi possono interferire.
Considerazioni operative finali
Quando applichi una configurazione di questo tipo in produzione è sempre buona norma seguire un'approccio incrementale: parti con un test su staging, monitora gli effetti per qualche giorno, poi estendi gradualmente al traffico live. La rete Cloudflare elabora ogni cambiamento in pochi secondi a livello globale, quindi le modifiche sono effettive quasi immediatamente, ma gli effetti collaterali su utenti reali possono richiedere ore o giorni per emergere. Annota nel runbook interno data, motivo e parametri di ogni modifica significativa. Una documentazione precisa accelera enormemente il troubleshooting futuro e facilita il passaggio di consegne tra membri del team.
Vale anche la pena ricordare che Cloudflare aggiorna frequentemente l'interfaccia del dashboard e le posizioni delle voci di menu. La logica e le funzionalità descritte in questa guida restano valide, ma il percorso esatto per raggiungere ogni opzione può variare leggermente nel tempo. In caso di difficoltà a trovare una specifica voce, utilizza la barra di ricerca interna del dashboard oppure consulta la documentazione ufficiale aggiornata. La community Cloudflare sul forum ufficiale e su Stack Overflow è inoltre molto attiva e offre spesso risposte rapide a problemi specifici di configurazione.
Per progetti complessi che coinvolgono più servizi Cloudflare contemporaneamente (CDN, Workers, WAF, Access, R2) conviene strutturare la configurazione come codice tramite Terraform o Pulumi. Questo permette versioning, code review, rollback atomici e deploy ripetibili tra environment. Per team con esigenze più semplici la gestione manuale via dashboard resta perfettamente valida, soprattutto se accompagnata da una checklist scritta delle impostazioni applicate. La scelta dell'approccio dipende dalle dimensioni del progetto e dal grado di automazione desiderato. L'importante è essere consistenti e mantenere tracciabilità delle modifiche effettuate.
Hai bisogno di aiuto?
Se vuoi configurare Cloudflare per il tuo sito con il team di G Tech Group, scrivici tramite il modulo di contatto.