Migliora le prestazioni del sito web pagina per pagina

Scegli i viaggi da misurare

Seleziona una home page, una pagina di servizio, un elenco di immagini, un articolo e il modulo di contatto. Testare almeno una larghezza mobile e uno desktop con dispositivi e connessioni rappresentative. Registra la data, le modifiche recenti e gli elementi visibili nella prima finestra.

Misurazioni di laboratorio separate, che aiutano a riprodurre un problema, dai dati sul campo disponibili, che descrive l'esperienza dei visitatori reali. Se il traffico è troppo basso per una misura stabile, non presentare un punteggio come tendenza. Web.dev spiega gli strumenti di misurazione e i loro usi.

• pagine e dispositivi selezionati.
• Baseline riproducibile.
• compito che il visitatore deve completare.

Trova il motivo del caricamento lento

Identificare l'elemento principale visibile durante il caricamento e la risorsa che lo fornisce. Una fotografia di eroe sovradimensionata, una richiesta in ritardo o una dipendenza dallo script possono ritardare LCP. Utilizzare un'immagine adatta alle sue dimensioni visualizzate, con dimensioni HTML, varianti reattive e priorità sensibile; Non rinviare l'immagine principale senza motivo.

Quindi esamina i font, CSS, JavaScript e le risposte del server. Rimuovi le risorse veramente inutilizzate ed evita di scaricare immediatamente tutte le carte fuori dallo schermo. Le Guida all'immagine Copre la preparazione visiva e le alternative.

Prevenire i turni e mantenere le interazioni reattive

Riserva spazio per immagini, incorporamenti e messaggi che appaiono dopo il caricamento. Controlla CLS durante la lettura, non solo nel primo screenshot. I font e i banner in ritardo possono spostare un pulsante proprio mentre un visitatore cerca di usarlo.

Per INP, prova Azioni importanti: apri un menu, filtra un elenco, scegli un'opzione e correggi un modulo. Se la risposta è lenta, ispeziona le attività JavaScript lunghe e il rendering attivato da ciascuna azione. Un'interfaccia più semplice può aiutare più di un'altra libreria.

Imposta un budget e controlla dopo il rilascio

Imposta limiti proporzionati per immagini principali, schede e nuovi script. Confronta i byte effettivamente scaricati sul cellulare anziché sulla dimensione totale della libreria di immagini. Registra ciò che è stato rimosso, compresso o differito e conferma che la qualità visiva e l'accessibilità rimangono valide.

Ripetere i viaggi dopo ogni modifica e dopo la distribuzione. Segui LCP, INP e CL quando sono disponibili i dati dell'utente reale, senza promettere che un punteggio garantisca il ranking di ricerca. Guida di Google sulla pagina Esperienza inserisce queste metriche all'interno dell'utilità più ampia del sito.

• byte e ritardi prima e dopo.
• nessuna regressione visiva o funzionale.
• Controlli su pagine e dispositivi prioritari.