Vermijd het ketenen van kritische verzoeken

Kritieke verzoekketens zijn reeksen afhankelijke netwerkverzoeken die belangrijk zijn voor het weergeven van pagina's. Hoe groter de lengte van de ketens en hoe groter de downloadgroottes, hoe groter de impact op de laadprestaties van de pagina.

Lighthouse rapporteert kritieke verzoeken met een hoge prioriteit:

Een screenshot van de Lighthouse Minimalize-diepteaudit voor kritieke verzoeken

Hoe Lighthouse kritieke verzoekketens identificeert

Lighthouse gebruikt netwerkprioriteit als proxy voor het identificeren van cruciale bronnen die weergave blokkeren. Zie Chrome Resource Priorities and Scheduling van Google voor meer informatie over hoe Chrome deze prioriteiten definieert.

Gegevens over kritieke verzoekketens, de omvang van bronnen en de tijd die wordt besteed aan het downloaden van bronnen worden geëxtraheerd uit het Chrome Remote Debugging Protocol .

Hoe u het effect van kritische verzoekketens op de prestaties kunt verminderen

Gebruik de auditresultaten van de kritieke verzoekketens om eerst de bronnen te targeten die het grootste effect hebben op het laden van de pagina:

  • Minimaliseer het aantal kritieke bronnen: elimineer ze, stel het downloaden ervan uit, markeer ze als async , enzovoort.
  • Optimaliseer het aantal kritische bytes om de downloadtijd (aantal round trips) te verminderen.
  • Optimaliseer de volgorde waarin de resterende kritieke bronnen worden geladen: download alle kritieke assets zo vroeg mogelijk om de lengte van het kritieke pad te verkorten.

Meer informatie over het optimaliseren van uw afbeeldingen , JavaScript , CSS en weblettertypen .

Stapelspecifieke begeleiding

Magento

Als u uw JavaScript-middelen niet bundelt, overweeg dan om baler te gebruiken.

Bronnen

Broncode voor de diepte-audit van het minimaliseren van kritieke verzoeken