Impara a migliorare il tuo 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, a impostare un tracciamento RUM Core Web Vitals robusto, a migliorare la consapevolezza della pagespeed e a gestire l'implementazione delle migliori pratiche Core Web Vitals

A volte, quando ho un po' di tempo (il che non capita troppo spesso ultimamente) scrivo sui Core Web Vitals

Parliamone

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 dati sul campo di CoreDash e a Chrome per diagnosticare problemi di LCP, INP e CLS e generare correzioni del codice.

Core Web Vitals e agenti AI: perché i field data cambiano tutto

Tre tipi di server MCP connettono gli agenti AI ai dati sui Core Web Vitals. Solo uno fornisce i dati che Google utilizza effettivamente per il posizionamento.

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

Come JPEG XL si confronta 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!

Programmare gli eventi dataLayer per ottimizzare l'INP

Come ritardare gli eventi GTM fino 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à della pagina e comprendi le impostazioni su cui puoi 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 web font responsive: una strategia consapevole del dispositivo

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

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 realmente 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

Velocizzare l'integrazione di Calendly

Incorporare 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 rendendo il caricamento delle pagine istantaneo con la nuova 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 dei Core Web Vitals (2026)

Ogni ottimizzazione 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

Page Speed con un budget limitato: le ottimizzazioni che contano di più

Scopri come migliorare i Core Web Vitals con strategie adatte a ogni budget

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.

Ospita in locale i font di Google per migliori Core Web Vitals

Scopri come ospitare in locale i font di Google e ottimizzarli per migliori 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

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

Scopri quando applicare async al JavaScript e quando applicare defer per 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

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.

Ottimizza le immagini per i Core Web Vitals

"Scopri come le immagini influenzano i Core Web Vitals e come ottimizzarle

Risolvere il Layout Shift causato dal ridimensionamento automatico delle immagini

Le immagini con width auto e height auto causeranno un layout shift. Scopri come risolvere questo problema

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

La guida completa per comprendere, misurare e ottimizzare Interaction to Next Paint, il Core Web Vital che misura la reattività della pagina

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

Disabilita l'offuscamento email di Cloudflare: danneggia i tuoi Core Web Vitals

L'offuscamento email di Cloudflare inietta uno script render-blocking per una crittografia banalmente reversibile. Disabilitalo o sostituiscilo.

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

La guida definitiva per trovare, misurare e risolvere il Cumulative Layout Shift del tuo sito

103 Early Hints: precaricare le risorse critiche durante il server think time

Usa il server think time per precaricare l'immagine LCP e il CSS critico prima che la pagina sia pronta

Come ho ridotto il mio LCP del 70%

Scopri i 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

Correggere l'avviso Lighthouse eliminate render-blocking resources

Sbarazzati delle risorse render-blocking e migliora i Core Web Vitals

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

Posticipa le immagini fuori schermo e migliora i Core Web Vitals

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