PageSpeed Insights

Che cosa mostra PageSpeed Insights

• Performance Score — punteggio complessivo da 0 a 100
• Core Web Vitals — LCP, INP, CLS (basati sui dati sul campo)
• Lab Data — simulazione Lighthouse
• Opportunità — miglioramenti di velocità azionabili
• Diagnostica — analisi tecnica dettagliata

Field Data vs Lab Data

• Field Data — dati reali dei visitatori dal Chrome UX Report (media su 28 giorni). La fonte più affidabile.
• Lab Data — test una tantum in ambiente simulato (Lighthouse). Utile per il debug, ma può differire dall'esperienza reale.

Interpretazione del punteggio

• 90-100 — buono: mantieni le prestazioni attuali.
• 50-89 — da migliorare: ottimizza.
• 0-49 — scarso: servono correzioni urgenti.

Consigli principali

• Elimina le risorse che bloccano il rendering — critical CSS inline, defer/async per il JavaScript.
• Dimensiona bene le immagini — usa srcset e immagini responsive.
• Servi le immagini in formati di nuova generazione — WebP, AVIF.
• Riduci il JavaScript inutilizzato — code splitting, tree shaking.
• Minimizza il lavoro sul main thread — ottimizza i task JS pesanti.

Automazione via API

// PageSpeed Insights API call example
const url = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed';
const response = await fetch(`${url}?url=https://example.com&key=YOUR_API_KEY`);
const data = await response.json();
console.log(data.lighthouseResult.categories.performance.score);