Connor Clark
Le tracce del rendimento possono essere salvate dal pannello Rendimento per consentirne il ricaricamento in un secondo momento. Queste informazioni sono utili da condividere con altri sviluppatori o anche con te stesso in futuro per eseguire il debug dei problemi di rendimento.
Le tracce possono anche essere salvate con una copia di tutti i contenuti dello script e delle mappe delle origini trovate nella pagina. Ciò consente una migliore esperienza di debug durante l'importazione della traccia in un secondo momento.
Quando una traccia contenente contenuti di script o mappe di origine viene caricata nel riquadro Rendimento, si apre una nuova scheda. Questa scheda di DevTools contiene i riquadri Prestazioni e Origini.
Impostazioni per salvare una traccia di rendimento
Per salvare una registrazione e condividerla in un secondo momento con i risultati delle prestazioni annotati, fai clic su Scarica nella barra delle azioni nella parte superiore del riquadro Rendimento e seleziona Salva traccia. Visualizzerai le seguenti opzioni:
- Includi annotazioni
- Includi contenuti delle risorse
- Includi mappe di origine degli script
- Comprimi con gzip
| Impostazione | Descrizione | Predefinita | Perché abilitare | Perché disattivare |
|---|---|---|---|---|
| Includi annotazioni | Nota: questa opzione è inclusa solo se sono presenti annotazioni nella pagina. Controlla se le annotazioni sono incluse o meno nel file di traccia salvato. |
On | Le annotazioni sono utili per spiegare le tracce, evidenziare alcune parti importanti della traccia o porre domande sulle parti che richiedono ulteriori indagini. | Le annotazioni contengono i tuoi calcoli e potrebbero non essere pertinenti per altri sviluppatori. Anziché salvare senza annotazioni, pulisci le annotazioni per includere quelle pertinenti. |
| Includi contenuti delle risorse | Controlla se i contenuti di HTML, file JavaScript e CSS sono inclusi nel file di traccia salvato per la visualizzazione nel riquadro Origini durante il caricamento della traccia. Nota: i contenuti degli script delle estensioni non vengono mai inclusi anche quando questa opzione è attivata, perché le estensioni sono raramente utili per il debug delle prestazioni, ma spesso contengono informazioni sensibili (ad esempio, estensioni aziendali private). Tuttavia, i dati di profilazione degli script di estensione vengono salvati nella traccia perché possono comunque influire sulle prestazioni. |
Off | Il riquadro Origini può essere utilizzato per visualizzare le risorse eseguite sulla pagina, inclusi i costi di runtime basati sulle righe. Il riquadro Rendimento può essere collegato a una riga specifica nel riquadro Origini (ad es. chiamate di funzioni nel grafico a fiamme o nelle tabelle Dal basso verso l'alto/Albero delle chiamate). Alcuni approfondimenti sul rendimento richiedono i contenuti degli script per l'analisi. Nota: se consideri i contenuti delle risorse come informazioni sensibili, devi trattare anche il file di traccia come sensibile. |
Disattiva se preferisci un file di traccia più piccolo a una migliore esperienza nel riquadro Rendimento (ad esempio, visualizzare gli script eseguiti nel riquadro Origini) Disattiva se sai che i contenuti delle risorse contengono informazioni sensibili che non vuoi condividere in un file di traccia. Ciò si verifica molto raramente, poiché i file sorgente sono visibili a chiunque abbia accesso alla pagina. Tuttavia, se il server inserisce segreti basati sull'utente corrente nel codice JavaScript eseguito sulla pagina, considera i file di traccia con questi contenuti di script come file sensibili. Inoltre, per le applicazioni interne e intranet non pubbliche, potresti non voler condividere i file sorgente. |
| Includi mappe di origine degli script | Nota: questa opzione è disponibile solo quando è attivata l'opzione Includi contenuti delle risorse. Oltre ai file di contenuti di produzione compilati o ridotti, verranno inclusi i mapping ai file di codice sorgente creati. |
Off | Il riquadro Rendimento utilizzerà le mappe di origine per visualizzare i nomi delle funzioni create. Il riquadro Origini mostrerà tutti i file creati nell'elenco dei file della pagina. Alcuni approfondimenti sul rendimento richiedono le mappe di origine per l'analisi. Tieni presente che se attivi questa impostazione e consideri le mappe di origine informazioni sensibili, devi trattare anche il file di traccia come sensibile. |
Disattiva se preferisci un file di traccia più piccolo a un'esperienza migliore nel riquadro Rendimento (ad esempio, visualizzare i nomi reali delle funzioni nel grafico a fiamma Rendimento). Disattiva se consideri le tue mappe delle origini sensibili (ad esempio, se le fornisci solo alla tua rete interna e non a internet pubblico) e non vuoi che vengano esposte a chiunque abbia il file di traccia. |
| Comprimi con gzip | Nota: questa è l'impostazione predefinita di Chrome 142. | On | Le tracce delle prestazioni possono essere piuttosto grandi e la loro compressione consente di risparmiare spazio su disco e di velocizzare il caricamento e l'elaborazione in DevTools. | Se intendi aprire questi file in un editor di testo o simili per visualizzare eventi di traccia specifici, ti consigliamo di salvarli senza compressione gzip per semplificare l'apertura del file. |