Impara a migliorare PageSpeed e i Core Web Vitals

Tecniche per migliorare le prestazioni del sito.

Arjen Karel
linkedin

Aiuto le aziende a correggere i Core Web Vitals, configurare un tracciamento RUM affidabile dei Core Web Vitals, aumentare la consapevolezza sulla velocità del sito e gestire l'implementazione delle best practice per i Core Web Vitals

A volte, quando ho tempo (e ultimamente non capita spesso), scrivo dei Core Web Vitals

Parliamone

Impedisci a Coralogix RUM di rubare la tua rete iniziale

Coralogix RUM invia beacon durante il caricamento e ruba rete al tuo stesso LCP. Metti in buffer gli eventi e inviali invece al page hide.

Risolvere il Layout Shift del widget di chat HubSpot

Un workaround che riduce un CLS da 0.91 a 0.02 sfruttando due esclusioni dei layout-shift nel browser

Come le animazioni attivate dallo scorrimento causano CLS

Il tuo header che si nasconde allo scorrimento potrebbe peggiorare silenziosamente il CLS. Ecco perché e come risolverlo.

Ragionamento Proporzionale per le Prestazioni Web

Il collo di bottiglia è la fase che consuma la quota maggiore del tempo totale. Non la fase che supera una soglia assoluta.

Correggi l'INP con un agente AI: la metrica che i tool di laboratorio non possono misurare

L'INP non può essere simulato. Questo è il flusso di lavoro connesso ai dati sul campo per diagnosticare e correggere l'Interaction to Next Paint con un agente AI.

Risolvere il LCP con un agente AI: dai dati sul campo alla correzione del codice

Il flusso di lavoro completo per la diagnosi del LCP utilizzando CWV Superpowers: dall'identificazione della fase che fa da collo di bottiglia nei dati sul campo fino alla modifica specifica del codice.

CWV Superpowers: diagnosi automatizzata dei Core Web Vitals

Una skill gratuita per Claude Code che si connette ai tuoi field data di CoreDash e a Chrome per diagnosticare problemi di LCP, INP e CLS e generare correzioni del codice.

Agente AI per il monitoraggio dei Core Web Vitals: field data via MCP

Tre tipi di server MCP collegano gli agenti AI ai dati dei Core Web Vitals. Solo uno dà loro i dati che Google usa davvero per il ranking.

JPEG XL e Core Web Vitals: cosa devi sapere ora che Chrome lo supporta

Come si confronta JPEG XL con AVIF, WebP e JPEG, cosa significa per i tuoi Core Web Vitals e come iniziare a servirlo oggi

Prerender Until Script: La Via di Mezzo tra Prefetch e Prerender

Carica le sottorisorse e costruisci il DOM senza avviare script o inquinare le analytics

Differire le Immagini Fuori Schermo su Mobile: Guida al Lazy Loading Nativo

Lazy loading nativo, content-visibility e perché il differimento delle immagini in JavaScript è un peso morto

Una guida ai Core Web Vitals per la priorizzazione delle risorse

Non lasciare che il browser tiri a indovinare. Obbligalo a caricare ciò che conta quando conta!

Pianificare gli eventi del dataLayer per ottimizzare l'INP

Come posticipare gli eventi GTM a dopo il paint del browser migliora i tuoi punteggi INP

Ottimizzare i Core Web Vitals per i dispositivi di fascia bassa

Perché i siti veloci su hardware economico richiedono compromessi più drastici di quanto la maggior parte dei team ammetta

La migliore configurazione Cloudflare per superare i Core Web Vitals

Configura Cloudflare per la massima velocità e capisci su quali impostazioni intervenire

Rimuovi i parametri di tracciamento con Cloudflare Workers e Transform Rules

I parametri di tracciamento come fbclid e gclid creano URL univoci che bypassano la cache della tua CDN. Tre modi per risolvere il problema.

Immagini hero di Elementor più veloci in 2 minuti!

Scopri come passare da immagini di sfondo lente a immagini normali veloci per le immagini hero di Elementor in 2 minuti

L'impatto delle CSS View Transitions sulle prestazioni web

Comprendi perché e quando le view transitions possono influire sulle prestazioni web

5 Livelli di Priorità di JavaScript e Come Utilizzarli

Non tutti gli script sono uguali. Caricali nell'ordine giusto.

Caricamento responsive dei web font: una strategia basata sul dispositivo

Una strategia di caricamento dei font responsive per un LCP più veloce e zero layout shift

Impostazioni del pannello Network di Chrome DevTools per i Core Web Vitals

Le impostazioni del pannello Network che uso in ogni audit dei Core Web Vitals

Perché il ritardo di 28 giorni dei Core Web Vitals è un mito

I dati CrUX risalgono a due giorni fa, non a 28. Ecco cosa significa in realtà la finestra mobile di 28 giorni.

Migliora l’Interaction to Next Paint abbandonando lo scrolling JavaScript

Crea una bella esperienza di scorrimento fluido che non influisce sui Core Web Vitals

Lo script GRATUITO di ultima spiaggia per l'ottimizzazione della velocità della pagina

Velocizza la tua pagina irrecuperabile con questo metodo estremo per migliorare anche le pagine più lente.

Velocizza l'integrazione di Calendly

Integra Calendly senza rallentare i Core Web Vitals

Cache warmer gratuito per siti web

Pre-riscalda la cache del tuo sito web per velocizzare i Core Web Vitals gratuitamente

Pagine a caricamento istantaneo con le Speculation Rules

Scopri come migliorare i Core Web Vitals caricando le pagine all'istante con la Speculation Rules API

Come fare Yield al Main Thread per migliorare INP

Usa scheduler.yield() per suddividere le long task e mantenere le tue pagine reattive

Core Web Vitals per l'Ecommerce: Perché i visitatori con alto intento di acquisto ottengono le prestazioni peggiori

I plugin di caching disabilitano la cache per gli utenti con il carrello. Ecco come risolvere il crollo del TTFB.

La checklist definitiva per i Core Web Vitals (2026)

Tutte le ottimizzazioni da verificare per migliorare le prestazioni di LCP, INP e CLS

Layout shift causato dalle transizioni CSS

Scopri come trovare e rimuovere le transizioni CSS che creano layout shift

Velocità delle pagine con un budget ridotto: le ottimizzazioni che contano di più

Scopri come migliorare i Core Web Vitals con strategie a budget ridotto

Quando il preload dei fogli di stile (non) ha senso

Perché di solito il preload del CSS non aiuta e l'unico caso in cui lo fa

Differire jQuery in WordPress

Scopri come differire jQuery in WordPress per aumentare la pagespeed

I motivi per limitare gli script di analisi e tracciamento

Come gli script di analisi e tracciamento influiscono sui tuoi Core Web Vitals e cosa fare al riguardo

Le immagini di background sono il male

Perché le immagini di background penalizzano i tuoi Core Web Vitals e come sostituirle

Browser reflow: cosa lo scatena e come influisce sui Core Web Vitals

Il reflow ricalcola le posizioni degli elementi e blocca il main thread. Scopri cosa lo scatena, come rilevarlo e come prevenirlo.

Self-hosting di Google Fonts per migliorare i Core Web Vitals

Scopri come fare il self-hosting di Google Fonts e ottimizzarli per migliorare i Core Web Vitals

JavaScript in Head vs Footer: Come Influenza le Core Web Vitals

Perché il defer nell'head è la migliore pratica moderna e quando il posizionamento nel footer ha ancora senso

Defer vs Async JavaScript e come questo influisce sui Core Web Vitals

Scopri quando rendere async il JavaScript e quando usare defer per ottenere i migliori risultati sui Core Web Vitals

Differisci gli script finché non sono necessari

Carica il JavaScript su richiesta utilizzando IntersectionObserver e i trigger di interazione dell'utente

Risolvere 'Riduci il JavaScript inutilizzato' in Lighthouse

Trova e rimuovi il JavaScript inutilizzato per migliorare i tuoi Core Web Vitals

Non esiste un punteggio Core Web Vitals (e perché questo è importante)

Perché un punteggio Lighthouse non è un punteggio Core Web Vitals e cosa determina effettivamente se lo superi o meno

Widget di chat con Core Web Vitals perfetti

Carica i widget di chat senza perdere PageSpeed

Dovresti usare preconnect per gli ad network? Dipende dal tuo LCP

L'uso di preconnect per gli ad network può danneggiare o aiutare. Tutto dipende se la tua immagine LCP è già ottimizzata.

Ottimizzare le immagini per i Core Web Vitals

"Scopri come le immagini influiscono sui Core Web Vitals e come ottimizzarle

Risolvere il Layout Shift causato dal ridimensionamento automatico delle immagini

Le immagini con width e height auto causano un layout shift. Scopri come risolverlo

Core Web Vitals Visualizer: estensione Chrome gratuita per il debug dei CWV

Un'estensione Chrome gratuita che crea un overlay in tempo reale dei tuoi Core Web Vitals, creata per gli sviluppatori che eseguono il debug delle prestazioni senza aprire i DevTools.

Lento per Errore vs Lento per Scelta: Un Framework per le Web Performance

Come classificare i problemi di performance ti aiuta a risolvere prima le cose giuste

Differire le immagini di sfondo per Core Web Vitals più veloci

Differisci o applica il lazy load alle immagini di sfondo per un Largest Contentful Paint più veloce

16 metodi per differire o programmare JavaScript

Impara come differire e programmare JavaScript

Correggere Largest Contentful Paint image was lazily loaded in Lighthouse

Scopri come risolvere l'avviso di Lighthouse 'Largest Contentful Paint image was lazily loaded'

Interaction to Next Paint (INP): cos'è, come misurarlo e migliorarlo

Cosa misura l'INP, in cosa differisce dal FID e quale delle tre fasi correggere prima.

Risolvi gli script di terze parti in Next.js per migliorare i Core Web Vitals

Risolvi i problemi dei Core Web Vitals causati da script di terze parti in Next.js

Misurare i Core Web Vitals in Next.js: Guida alla Configurazione RUM

Configurare il Real User Monitoring per i Core Web Vitals in Next.js (App Router e Pages Router)

Rimuovere il CSS render blocking in Next.js per Core Web Vitals migliori

Rimuovi il CSS render blocking in Next.js per Core Web Vitals più veloci

Cloudflare ha corretto lo script di offuscamento email (forse c'entro io)

Lo script di offuscamento email di Cloudflare bloccava il rendering. Un PM di Cloudflare ha letto questo articolo e ha rilasciato il fix. Vale comunque la pena evitare i problemi di SEO e sicurezza.

Correggi le hero image lente e i Core Web Vitals

Migliora il Largest Contentful Paint velocizzando le hero image lente

Cos'è il Cumulative Layout Shift (CLS) e come risolverlo

Cosa misura il CLS, come si calcola il punteggio e quali cause controllare prima.

103 Early Hints: Precarica le risorse critiche durante il tempo di elaborazione del server

Usa il tempo di elaborazione del server per precaricare la tua immagine LCP e il CSS critico prima che la pagina sia pronta

Come ho ridotto il mio LCP del 70%

Impara metodi avanzati per migliorare i Core Web Vitals

Precaricare l'immagine del Largest Contentful Paint

Scopri come migliorare i Core Web Vitals precaricando l'immagine LCP

Defer dei moduli HubSpot: risolvi il render blocking senza modificare le pagine

Una soluzione drop-in per gli script dei moduli HubSpot che causano render blocking

Risolvere 'Defer Offscreen Images': Guida al Lazy Loading per i Core Web Vitals

Posticipa le immagini fuori schermo e migliora i Core Web Vitals

Core Web Vitals perfetti con YouTube

Scopri come integrare i video di YouTube senza penalizzare PageSpeed

First Contentful Paint (FCP): cos'è, come misurarlo e correggerlo

Scopri cosa misura il First Contentful Paint, perché non è un Core Web Vital e 15 tecniche comprovate per rendere le tue pagine più veloci nel rendering