Connor Clark
Prestatietraces kunnen worden opgeslagen via het Prestatiepaneel , zodat ze later opnieuw kunnen worden geladen. Dit is handig om te delen met andere ontwikkelaars of zelfs met jezelf in de toekomst bij het debuggen van prestatieproblemen.
Traces kunnen ook worden opgeslagen met een kopie van alle scriptinhoud en bronkaarten op de pagina. Dit zorgt voor een betere foutopsporing bij het later importeren van de trace.
Wanneer een trace met scriptinhoud of bronkaarten in het paneel Prestaties wordt geladen, wordt een nieuw tabblad geopend. Dit tabblad DevTools bevat de panelen Prestaties en Bronnen .
Instellingen om een prestatietracering op te slaan
Om een opname op te slaan en later te delen met je geannoteerde performancebevindingen, klik je in de actiebalk bovenaan het paneel Performance op en selecteer je Trace opslaan . Je ziet de volgende opties:
- Annotaties toevoegen
- Broninhoud opnemen
- Inclusief scriptbronkaarten
- Comprimeer met gzip
| Instelling | Beschrijving | Standaard | Waarom inschakelen | Waarom uitschakelen |
|---|---|---|---|---|
| Annotaties toevoegen | Let op: Deze optie is alleen beschikbaar als er aantekeningen op de pagina staan. Bepaalt of annotaties worden opgenomen in het opgeslagen tracebestand. | Op | Aantekeningen zijn handig om sporen toe te lichten, belangrijke delen van het spoor te markeren of vragen te stellen over delen die nader onderzocht moeten worden. | Annotaties bevatten uw eigen bewerkingen en zijn mogelijk niet zo relevant voor andere ontwikkelaars. In plaats van ze op te slaan zonder annotaties, kunt u ze opschonen en de relevante annotaties toevoegen. |
| Broninhoud opnemen | Bepaalt of de inhoud van HTML-, JavaScript- en CSS-bestanden wordt opgenomen in het opgeslagen tracebestand, zodat u het in het deelvenster Bronnen kunt bekijken wanneer de trace wordt geladen. Opmerking: De inhoud van extensiescripts wordt nooit opgenomen, zelfs niet als deze optie is ingeschakeld, omdat extensies zelden nuttig zijn voor het opsporen van fouten in de prestaties, maar vaak gevoelige informatie bevatten (bijvoorbeeld extensies van privébedrijven). Profileringsgegevens uit extensiescripts worden echter wel in de trace opgeslagen, omdat ze nog steeds van invloed kunnen zijn op de prestaties. | Uit | Via het paneel Bronnen kunt u de bronnen bekijken die op de pagina zijn uitgevoerd, inclusief de op regels gebaseerde runtime-kosten. Het paneel Prestaties kan worden gekoppeld aan een specifieke regel in het paneel Bronnen (bijvoorbeeld functieaanroepen in het vlamdiagram of de Bottom-up-/Call-tree- tabellen). Voor de analyse van bepaalde prestatie-inzichten is scriptinhoud vereist. Let op: Als u de inhoud van een bron als gevoelige informatie beschouwt, dient u het traceringsbestand ook als gevoelig te behandelen. | Schakel deze optie uit als u liever een kleiner tracebestand gebruikt dan een betere ervaring met het Prestatiepaneel (bijvoorbeeld het bekijken van de scripts die in het Bronnenpaneel zijn uitgevoerd). Schakel deze optie uit als u weet dat de broninhoud gevoelige informatie bevat die u niet wilt delen in een tracebestand. Dit komt zelden voor, aangezien bronbestanden zichtbaar zijn voor iedereen met toegang tot de pagina. Als uw server echter geheimen injecteert op basis van de huidige gebruiker in de JavaScript-code die op de pagina wordt uitgevoerd, behandel tracebestanden met deze scriptinhoud dan als gevoelige bestanden. Bovendien wilt u voor interne, intranettoepassingen die niet openbaar zijn, de bronbestanden mogelijk niet delen. |
| Inclusief scriptbronkaarten | Let op: Deze optie is alleen beschikbaar als Inclusief broninhoud is ingeschakeld. Naast gecompileerde of geminimaliseerde productie-inhoudsbestanden omvat dit ook toewijzingen aan de geschreven broncodebestanden. | Uit | In het paneel Prestaties worden bronkaarten gebruikt om de namen van de geschreven functies weer te geven. In het paneel Bronnen worden alle gemaakte bestanden in de lijst met wisselbestanden weergegeven. Voor de analyse van bepaalde prestatie-inzichten zijn bronkaarten nodig. Houd er rekening mee dat als u deze instelling inschakelt en bronkaarten als gevoelige informatie beschouwt, u het traceringsbestand ook als gevoelig moet behandelen. | Schakel deze optie uit als u de voorkeur geeft aan een kleiner tracebestand boven een betere ervaring met het Prestatiepaneel (bijvoorbeeld het zien van de echte namen van functies in het Prestatievlamdiagram ). Schakel deze optie uit als u uw bronkaarten als gevoelig beschouwt (bijvoorbeeld als u bronkaarten alleen beschikbaar stelt aan uw interne netwerk en niet aan het openbare internet) en u niet wilt dat ze zichtbaar zijn voor iedereen die het traceringsbestand heeft. |
| Comprimeer met gzip | Let op: dit is de standaardinstelling van Chrome 142. | Op | Prestatietraces kunnen behoorlijk groot zijn. Door ze te comprimeren bespaart u niet alleen schijfruimte, maar kunt u ze ook sneller uploaden en verwerken in DevTools. | Als u van plan bent om deze bestanden te openen in een teksteditor of een vergelijkbaar programma om specifieke traceergebeurtenissen te bekijken, kunt u ze het beste opslaan zonder gzip-compressie. Hierdoor kunt u de bestanden eenvoudiger openen. |