Wanneer het lang duurt voordat uw JavaScript is uitgevoerd, vertraagt dit de prestaties van uw pagina op verschillende manieren:
Netwerkkosten
Meer bytes staat gelijk aan langere downloadtijden.
Kosten parseren en compileren
JavaScript wordt geparseerd en gecompileerd op de hoofdthread. Wanneer de hoofdthread bezet is, kan de pagina niet reageren op gebruikersinvoer.
Uitvoeringskosten
JavaScript wordt ook uitgevoerd op de hoofdthread. Als uw pagina veel code uitvoert voordat deze echt nodig is, vertraagt dit ook uw Time To Interactive , wat een van de belangrijkste statistieken is die verband houdt met hoe gebruikers uw paginasnelheid waarnemen.
Geheugenkosten
Als uw JavaScript veel referenties vasthoudt, kan het mogelijk veel geheugen in beslag nemen. Pagina's zien er slordig of traag uit als ze veel geheugen in beslag nemen. Geheugenlekken kunnen ervoor zorgen dat uw pagina volledig vastloopt.
Hoe de Lighthouse JavaScript-uitvoeringstijdaudit mislukt
Lighthouse toont een waarschuwing wanneer de uitvoering van JavaScript langer dan 2 seconden duurt. De audit mislukt wanneer de uitvoering langer dan 3,5 seconden duurt:
Om u te helpen de grootste bijdragers aan de uitvoeringstijd te identificeren, rapporteert Lighthouse de tijd die is besteed aan het uitvoeren, evalueren en parseren van elk JavaScript-bestand dat uw pagina laadt.
Hoe u de uitvoering van JavaScript kunt versnellen
- Verzend alleen de code die uw gebruikers nodig hebben door codesplitsing te implementeren .
- Verklein en comprimeer uw code .
- Verwijder ongebruikte code .
- Verminder netwerktrips door uw code in de cache op te slaan met het PRPL-patroon .
Voor andere manieren om het laden van pagina's te verbeteren, bekijk de bestemmingspagina Prestatie-audits .