Il riquadro Prestazioni in Chrome DevTools ha aiutato gli sviluppatori a misurare e ottimizzare le prestazioni di runtime in una forma o nell'altra per quasi 15 anni. A partire dal riquadro "Sequenza temporale", si è evoluto fino al riquadro Rendimento che conosci oggi.
Nel frattempo, Chrome ha lanciato altri potenti prodotti e funzionalità per le prestazioni. In particolare, Lighthouse è stato lanciato nel 2016 per aiutare a individuare più facilmente le opportunità di ottimizzazione. Il riquadro sperimentale Informazioni sulle prestazioni è stato rilasciato nel 2022 per testare nuovi modi di visualizzare le informazioni sul rendimento.
Il riquadro Prestazioni è ricco di dati e funzionalità che aiutano gli sviluppatori ad approfondire i problemi relativi al caricamento delle pagine e alle prestazioni del runtime. Ma diamo un'occhiata in tempo reale e riconosciamo che può essere difficile da usare e identificare le maggiori opportunità per migliorare le prestazioni delle pagine. Inoltre, la potenza di altri strumenti che aiutano a filtrare il rumore e isolare rapidamente le opportunità, come Lighthouse, viene scollegata dal riquadro Prestazioni.
Nel nostro tentativo di aiutare gli sviluppatori a identificare e riprodurre più facilmente i problemi di prestazioni, introdurremo funzionalità e insegnamenti di Lighthouse e del riquadro delle informazioni sulle prestazioni e li integreremo nel riquadro Prestazioni esistente. Ci stiamo inoltre concentrando su UX e usabilità per migliorare l'efficacia del riquadro Rendimento come strumento di ottimizzazione delle prestazioni web.
Qual è il risultato? Un unico panel, più semplice e potente che mai, per tutti i dati e gli approfondimenti sul rendimento.
Intervenire in merito al rendimento sul web in modo più semplice
Il tuo feedback conferma che l'elevata densità delle informazioni aggrava le sfide di usabilità. Stiamo sviluppando attivamente correzioni e funzionalità per fornire assistenza. I percorsi di ottimizzazione chiave, come il miglioramento dei Segnali web essenziali, stanno ricevendo un trattamento di prima qualità. Prevediamo di introdurre funzionalità come le annotazioni, che vi consentiranno di contrassegnare i risultati e di condividere quanto appreso con i colleghi. Mostrare le correlazioni nei dati aiuterà a migliorare la capacità di comprendere un sistema complesso, con più modi per mostrare come i dati sono connessi, come le richieste di rete all'attività del thread principale.
Spediremo nuove funzionalità man mano che le svilupperemo e condivideremo a intervalli di qualche mese un aggiornamento delle nuove funzionalità offerte dal panel. Sii paziente. Inizierai a vedere nuove funzionalità a breve.
La potenza di Lighthouse nel riquadro Prestazioni
Abbiamo visto come gli sviluppatori usano entrambi i riquadri Lighthouse e Prestazioni e il cambio di contesto tra i due è una sfida. Inoltre, per intervenire sui risultati di Lighthouse potrebbe essere necessario accedere al riquadro Prestazioni per ottenere un contesto più ampio. Questo crea attriti, in quanto la panoramica prescrittiva del rendimento di una pagina è sconnessa dai dati dettagliati sul rendimento.
Integreremo profondamente l'analisi delle prestazioni di Lighthouse tramite il riquadro Prestazioni. Con questa integrazione, Lighthouse illumina le migliori opportunità per migliorare le prestazioni delle pagine all'interno del riquadro Prestazioni, insieme a tutti i dettagli necessari per intervenire in merito a questa opportunità.
Dopo aver spostato tutte le funzionalità relative alle prestazioni nel riquadro Prestazioni, il riquadro Lighthouse indipendente in DevTools diventerà ridondante e verrà ritirato. Il ritiro dei riquadri avverrà solo nella seconda metà del 2025. È importante affermare con enfasi che Lighthouse non verrà ritirato.
Il faro non cambierà
Il modulo npm di Lighthouse e il report Lighthouse in PageSpeed Insights (compresa l'API PSI) non verranno ritirati. Ci dedichiamo costantemente alla disponibilità e alla qualità di Lighthouse in quanto strumento open source che può essere utilizzato nell'ambiente preferito da uno sviluppatore per valutare le prestazioni delle pagine.
Questa integrazione ci consente di migliorare le capacità del riquadro delle prestazioni e di Lighthouse per gli sviluppatori che cercano di ragionare su caricamento, reattività e stabilità dei contenuti.
Il riquadro sperimentale Informazioni sul rendimento verrà ritirato
Il riquadro Informazioni sul rendimento è stato pubblicato come esperimento per capire come poter risolvere meglio tre punti dolenti principali: ridurre la densità delle informazioni del riquadro Rendimento, supportare l'analisi basata sui casi d'uso e ridurre la curva di apprendimento derivante dall'utilizzo del riquadro Rendimento.
Abbiamo imparato molto dall'esperimento grazie al feedback degli sviluppatori. Abbiamo constatato che l'analisi basata sui casi d'uso, ad esempio "Voglio ottimizzare l'LCP" o "Voglio ottimizzare le pagine per essere più reattive", è estremamente utile e che funzionalità come il monitoraggio delle variazioni di layout rendono la diagnosi e il miglioramento delle metriche molto più semplici.
Gli sviluppatori hanno anche riscontrato che il riquadro Informazioni sulle prestazioni è più accessibile rispetto al riquadro Prestazioni, dimostrando che la densità ridotta delle informazioni è accattivante. Tuttavia, in molti casi questa riduzione della densità ha avuto un costo, richiedendo agli sviluppatori di accedere al riquadro Prestazioni per ottenere i dati dettagliati necessari per intervenire.
Le informazioni che abbiamo appreso e molte funzionalità del riquadro sperimentale Informazioni sul rendimento verranno integrate nel riquadro Rendimento. Funzionalità come l'analisi basata sui casi d'uso e i miglioramenti alla densità delle informazioni, insieme all'integrazione di Lighthouse, ci aiuteranno a rendere gli approfondimenti sulle prestazioni delle pagine più utili che mai.
L'esperimento sulle informazioni sul rendimento verrà rimosso nel corso del 2024.
Dove inviare feedback
Quando spediamo nuove funzionalità, saremo lieti di ricevere feedback. Se hai idee su come migliorare le funzionalità aggiunte o se il flusso esistente attraverso il riquadro viene interrotto indebitamente, ci interessa la tua opinione. Vogliamo sapere cosa funziona, cosa non funziona e cosa pensi si possa fare meglio. Grazie!