Uitvoeringstijd van JavaScript
Silktide meet hoeveel tijd de browser besteedt aan het uitvoeren van scripts terwijl je pagina wordt geladen. Zware scriptverwerking zorgt ervoor dat de pagina niet reageert, waardoor een pagina geladen kan lijken maar secondenlang niet reageert op tikken en klikken.
Waarom dit belangrijk is
Het downloaden van een script is slechts de eerste kostenpost. De browser moet het script daarna parseren en uitvoeren, en dat gebeurt allemaal op dezelfde thread die verantwoordelijk is voor scrollen, typen en tikken. Terwijl scripts worden uitgevoerd, is de pagina doof: knoppen reageren niet en de pagina voelt defect aan, ook al lijkt deze klaar met laden.
In tegenstelling tot downloadtijd schaalt deze kostenpost mee met de processor van de bezoeker: een script dat op de computer van een ontwikkelaar in een halve seconde wordt uitgevoerd, kan op een goedkope telefoon meerdere seconden duren. Bezoekers met de goedkoopste apparaten wachten het langst.
Hoe je dit oplost
- Lever minder . Het verwijderen van ongebruikte code levert het meest directe resultaat op - zie Ongebruikt JavaScript.
- Splits grote bundels op en laad code voor functies onder de vouw of functies die door interactie worden geactiveerd alleen wanneer dat nodig is, zodat de eerste keer laden alleen uitvoert wat het eerste scherm nodig heeft.
- Controleer scripts van derden, die vaak het grootste deel van de uitvoeringstijd voor hun rekening nemen - zie Code van derden. Verwijder scripts waarvan de waarde niet opweegt tegen de kosten.
- Verplaats echt zware berekeningen naar een webworker. Die draait op een aparte thread, zodat de pagina responsief blijft.
Hoe Silktide dit controleert
- Laad de pagina in een echte browser, met het apparaattype, de verbindingssnelheid en de testlocatie die voor je snelheidstests zijn ingesteld.
- Meet hoeveel verwerkingstijd elk script tijdens het laden gebruikte. Splits dit op in het uitvoeren van de code (scriptevaluatie) en het voorbereiden van de code op uitvoering (parsing).
- Rapporteer de scripts die een betekenisvolle hoeveelheid tijd gebruikten, met een uitsplitsing per bestand. Wanneer de totale uitvoeringstijd laag is, worden er geen afzonderlijke scripts vermeld.
- Beoordeel de pagina op basis van het totaal: minder dan 2 seconden is goed, en ongeveer 3,5 seconden of meer wordt als slecht beoordeeld.
Problemen oplossen
Een script van derden staat bovenaan
Analytics, tagmanagers, advertenties en chatwidgets kosten vaak meer uitvoeringstijd dan de eigen code van een website. Je kunt de interne werking ervan niet optimaliseren, maar je kunt ze later laden, vervangen door lichtere alternatieven of de scripts verwijderen die niemand gebruikt.
De pagina voelt snel aan op mijn computer
De uitvoeringstijd hangt af van de processor. Computers van ontwikkelaars zijn doorgaans meerdere keren sneller dan de middenklasse-telefoons die de meeste bezoekers gebruiken. Daardoor kan iets wat voor jou onmerkbaar is, voor hen seconden duren. De gemeten cijfers komen uit een gecontroleerde test, niet van je eigen hardware.