Potenzia le tue capacità di rilevamento del rendimento con Lighthouse e Chrome DevTools.
In qualità di sviluppatore, spesso non hai il controllo su quali script di terze parti vengono caricati sul tuo sito. Prima di poter ottimizzare i contenuti di terze parti, devi fare un po' di lavoro investigativo per scoprire cosa rallenta il tuo sito. 🕵️
In questo post scoprirai come utilizzare Lighthouse e Chrome DevTools per identificare le risorse di terze parti lente. Il post illustra tecniche sempre più efficaci che è meglio utilizzare in combinazione.
Se hai solo 5 minuti
Il controllo delle prestazioni di Lighthouse ti aiuta a scoprire opportunità per velocizzare i caricamenti delle pagine. È probabile che gli script di terze parti lenti vengano visualizzati nella sezione Diagnostica, in Riduci il tempo di esecuzione di JavaScript e Evita payload di rete enormi.
Per eseguire un controllo:
- Premi "Control+Maiusc+J" (o "Comando+Opzione+J" su Mac) per aprire DevTools.
- Fai clic sulla scheda Lighthouse.
- Fai clic su Dispositivo mobile.
- Seleziona la casella di controllo Prestazioni. Puoi deselezionare le altre caselle di controllo nella sezione Controlli.
- Fai clic su 3G rapido simulato, rallentamento CPU 4x.
- Seleziona la casella di controllo Libera spazio di archiviazione.
- Fai clic su Esegui controlli.