Un workbench di debug per una pagina che sembra lenta

Documentazione del browser e riferimenti alle prestazioni per trasformare "questo sembra lento" in un'osservazione riproducibile e in un passaggio successivo mirato.

Una pagina lenta può essere in attesa di una risposta, disegnare troppo, cambiare il suo layout o ritardare il feedback di input. Questi sono problemi diversi. Questa raccolta abbina gli strumenti di ispezione del browser al vocabolario utilizzato per descrivere caricamento, reattività e stabilità visiva. L'obiettivo è raccogliere prove prima di modificare il codice, non inseguire un punteggio senza comprendere la pagina.

Prova prima questo

Annotare l'URL, il dispositivo e l'azione che genera il problema. Riprodurlo una volta con i pannelli della rete e delle prestazioni aperti. Identifica il ritardo che puoi effettivamente osservare, quindi confrontalo con la metrica o la diagnostica pertinente. Cambia una cosa e ripeti in condizioni simili. Salva la traccia e una breve spiegazione di cosa è cambiato.

Tienilo a mente

I risultati di laboratorio e i dati sul campo degli utenti reali rispondono a domande diverse. I risultati variano in base allo stato dell'hardware, della rete e della cache e i dati dei campi potrebbero non essere disponibili per una pagina. Mantieni gli URL privati ​​e i dettagli delle richieste acquisite fuori dai rapporti pubblici.