PerformanceObserver API: Come Costruire un RUM Custom per Core Web Vitals nel 2026
Come costruire un RUM custom con PerformanceObserver per misurare LCP, INP e CLS sugli utenti reali: codice pratico, sendBeacon e attribuzione con LoAF.
Tutti gli Articoli
View Transitions API per MPA: Transizioni Fluide tra Pagine Multi-Documento nel 2026
Guida pratica alla View Transitions API cross-document per siti multi-pagina nel 2026: come attivarla con una regola CSS, personalizzarla con pageswap/pagereveal e combinarla con Speculation Rules senza impattare Core Web Vitals.
content-visibility: auto — Salta il Rendering fuori Schermo per Velocizzare Pagine Lunghe nel 2026
content-visibility: auto e la proprieta CSS che salta il rendering degli elementi fuori viewport. Guida 2026 con esempi pratici, supporto browser aggiornato e trappole comuni da evitare.
Cache-Control stale-while-revalidate e stale-if-error: Guida Pratica 2026
Configura stale-while-revalidate e stale-if-error per servire contenuti istantanei con TTFB vicino allo zero. Include esempi Cloudflare, Fastly, Vercel e Next.js 15.
Partytown: Sposta Google Tag Manager e Script di Terze Parti in Web Worker per Migliorare l'INP nel 2026
Partytown sposta Google Tag Manager e script di terze parti in un Web Worker, riducendo INP e TBT del 40-70%. Guida pratica per Next.js 15, Astro, GTM e reverse proxy.
bfcache: Come Ottimizzare il Back/Forward Cache per Navigazioni Istantanee nel 2026
Come misurare, diagnosticare e sbloccare il back/forward cache per portare le navigazioni indietro/avanti sotto i 100 ms. Con dati RUM reali, l'API NotRestoredReasons, DevTools e best practices frontend testate su siti in produzione nel 2026.
Long Animation Frames (LoAF) API: Debug di INP e Blocchi del Main Thread nel 2026
La Long Animation Frames API rivela quale script blocca il main thread, con nome file, riga e funzione. Ecco come attivarla, correlarla all'INP tramite web-vitals 4.x e inviare i dati al RUM in produzione senza saturare la banda mobile.
Ottimizzazione dei Font Web: font-display, preload, Variable Fonts e Subsetting nel 2026
Ottimizza i font web nel 2026 con WOFF2, font-display, preload, variable fonts, subsetting e size-adjust: ridurre CLS e LCP del 70-90% con esempi pratici.
Early Hints (HTTP 103): Riduci il TTFB con Preload Anticipati nel 2026
Guida pratica a HTTP 103 Early Hints per ridurre il TTFB percepito: configurazione su Cloudflare, Vercel, Nginx e Node.js con esempi di codice e misurazione dell'impatto reale su LCP nel 2026.
Compression Dictionaries: Comprimi i Bundle JavaScript fino al 97% con Dizionari Condivisi nel 2026
Guida pratica ai Compression Dictionaries (RFC 9842) con codec dcb e dcz: come comprimere i bundle JavaScript fino al 97% sfruttando la delta compression, con esempi concreti per Nginx e Cloudflare Workers.
Come Ottimizzare il CLS (Cumulative Layout Shift): Guida Pratica con Codice
Guida pratica all'ottimizzazione del CLS con esempi di codice: immagini, web font, annunci, CSS Containment e content-visibility per portare il punteggio a zero nel 2026.
Ottimizzazione LCP per Immagini: fetchpriority, Preload e Formati AVIF nel 2026
Il 72% delle pagine mobile ha un'immagine come elemento LCP. Scopri come ottimizzare il Largest Contentful Paint con fetchpriority, preload, AVIF/WebP e immagini responsive — con esempi di codice pronti all'uso.