Latentie van documentverzoeken

Adam Raine
Adam Raine
GitHub

Gepubliceerd: 27 maart 2025

Het initiële documentverzoek voor de pagina is het belangrijkste omdat alle netwerkverzoeken en pagina-inhoud hiervan afhankelijk zijn. Het optimaliseren van de initiële documentaanvraag verbetert de prestaties.

Wat het inzicht controleert

Het inzicht controleert of een van de volgende omstandigheden van invloed is geweest op de oorspronkelijke documentaanvraag:

  • Het navigatieverzoek is één of meerdere keren omgeleid.
  • Het duurde meer dan 600 ms voordat de server op het verzoek reageerde.
  • Het antwoord was ongecomprimeerd.
Devtools meldt dat de documentlatentie kan worden verminderd door omleidingen te elimineren
Devtools meldt dat de documentlatentie kan worden verminderd door omleidingen te elimineren

Vermijd omleidingen

Omleidingen vertragen de laadsnelheid van uw pagina. Wanneer een browser een bron opvraagt ​​die is omgeleid, retourneert de server gewoonlijk een HTTP-antwoord als volgt:

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

De browser moet vervolgens op de nieuwe locatie nog een HTTP-verzoek indienen om de bron op te halen. Deze extra reis over het netwerk kan het laden van de bron vertragen.

Zorg ervoor dat koppelingen naar de huidige locatie van een bron verwijzen. Als u omleidingen gebruikt om mobiele gebruikers om te leiden naar de mobiele versie van uw pagina, kunt u overwegen uw site opnieuw te ontwerpen en een responsief ontwerp te gebruiken.

Verkort de reactietijden van de server

De eerste stap om de reactietijden van de server te verbeteren, is het identificeren van de conceptuele kerntaken die uw server moet voltooien om pagina-inhoud te retourneren, en vervolgens te meten hoe lang elk van deze taken duurt. Zodra je de langste taken hebt geïdentificeerd, kun je manieren vinden om ze te versnellen.

Er zijn veel mogelijke oorzaken van trage serverreacties en veel mogelijke manieren om dit te verbeteren:

  • Optimaliseer de applicatielogica van de server om pagina's sneller voor te bereiden. Als u een serverframework gebruikt, kan het framework aanbevelingen bevatten over hoe u dit kunt doen.
  • Optimaliseer de manier waarop uw server databases doorzoekt of migreer naar snellere databasesystemen.
  • Upgrade uw serverhardware voor meer geheugen of CPU.
  • Gebruik een CDN om de netwerklatentie te verminderen. Dit is met name effectief als het document in de cache kan worden opgeslagen op het CDN-randknooppunt.

Zie de Optimize TTFB- handleiding voor meer details.

Compressie inschakelen

Tekstcompressie kan de totale grootte van het oorspronkelijke HTML-document verkleinen. Wanneer een browser een bron opvraagt, gebruikt deze de Accept-Encoding HTTP-verzoekheader om aan te geven welke compressie-algoritmen hij ondersteunt.

Accept-Encoding: gzip, compress, br, zstd

Zie ook De codering en overdrachtsgrootte van op tekst gebaseerde elementen optimaliseren .

Uw server moet de Content-Encoding HTTP-antwoordheader retourneren om aan te geven welk compressiealgoritme is gebruikt.

Devtools meldt dat de documentaanvraag gzip-compressie gebruikt
Devtools meldt dat de documentaanvraag gzip-compressie gebruikt

Stapelspecifieke begeleiding

WordPress

  • Schakel tekstcompressie in uw webserverconfiguratie in.
  • Kies een lichtgewicht thema (idealiter een blokthema) en implementeer caching van volledige pagina's of een statische site-oplossing. Schakel onnodige plug-ins uit om de serveroverhead te minimaliseren.
  • Overweeg om uw hosting te upgraden naar een beheerde of dedicated service.

Drupal

  • Als de omleidingsmodule is geïnstalleerd, controleer en verwijder onnodige omleidingen.
  • Ontlast verkeer met een of meer Drupal cachingmodules zoals Internal Page Cache , Internal Dynamic Page Cache en BigPipe . Koppel deze aan een CDN om de responstijd verder te verbeteren. Uw hostingservers moeten gebruik maken van PHP OPcache.
  • Overweeg het gebruik van geheugencaching zoals Redis of Memcached om de querytijden voor databases te verkorten.
  • Gebruik performante thema's, modules en snellere servers om de responstijd van de server te verlagen.

Reageren

  • Als u React Router gebruikt, minimaliseer dan het gebruik van de <Redirect> -component voor routenavigatie .
  • Als u React-componenten aan de serverzijde rendert, kunt u overwegen renderToNodeStream() of renderToStaticNodeStream() te gebruiken om de client in staat te stellen verschillende delen van de markup te ontvangen en te hydrateren in plaats van allemaal tegelijk.

Joomla

  • Schakel de instelling Gzip-paginacompressie in (Systeem > Algemene configuratie > Server).
  • Sjablonen, extensies en serverspecificaties dragen allemaal bij aan de responstijd van de server. Overweeg een beter geoptimaliseerde sjabloon te vinden, zorgvuldig een optimalisatie-extensie te selecteren of uw server te upgraden.

Magento

Bronnen