Latentie van documentverzoeken

Adam Raine
Adam Raine
GitHub

Gepubliceerd: 27 maart 2025

De initiële documentaanvraag voor de pagina is het belangrijkst, omdat alle netwerkaanvragen en pagina-inhoud hiervan afhankelijk zijn. Het optimaliseren van de initiële documentaanvraag verbetert de prestaties.

Wat het inzicht controleert

Met het inzicht wordt gecontroleerd of een van de volgende voorwaarden van invloed is 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 niet gecomprimeerd.
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 omgeleide bron opvraagt, retourneert de server meestal een HTTP-reactie zoals deze:

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

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

Zorg ervoor dat links verwijzen naar de huidige locatie van een bron. Als u redirects gebruikt om mobiele gebruikers naar de mobiele versie van uw pagina te leiden, overweeg dan om uw site te herontwerpen en responsief te maken .

Verminder de serverresponstijden

De eerste stap om de serverresponstijden te verbeteren, is het identificeren van de belangrijkste conceptuele taken die uw server moet voltooien om paginacontent te retourneren, en vervolgens te meten hoe lang elk van deze taken duurt. Zodra u de langste taken hebt geïdentificeerd, kunt u manieren vinden om ze te versnellen.

Er zijn veel mogelijke oorzaken voor 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 geven over hoe u dit kunt doen.
  • Optimaliseer de manier waarop uw server databases raadpleegt of migreer naar snellere databasesystemen.
  • Upgrade uw serverhardware voor meer geheugen of CPU.
  • Gebruik een CDN om de netwerklatentie te verminderen. Dit is vooral effectief als het document in de cache van het CDN-edgeknooppunt kan worden opgeslagen.

Zie de handleiding TTFB optimaliseren voor meer informatie.

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-aanvraagheader om aan te geven welke compressiealgoritmen deze ondersteunt.

Accept-Encoding: gzip, compress, br, zstd

Zie ook Optimaliseer de codering en overdrachtsgrootte van tekstgebaseerde activa .

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

DevTools meldt dat het documentverzoek gzip-compressie gebruikt
DevTools meldt dat het documentverzoek gzip-compressie gebruikt

Stapelspecifieke begeleiding

Dit inzicht biedt ook stackspecifieke richtlijnen voor pagina's die de volgende technologieën gebruiken:

WordPress

  • Schakel tekstcompressie in uw webserverconfiguratie in.
  • Kies een lichtgewicht thema (idealiter een blokthema) en implementeer volledige paginacaching of een statische siteoplossing. Schakel onnodige plug-ins uit om de serveroverhead te minimaliseren.
  • Overweeg om uw hosting te upgraden naar een beheerde of speciale service.

Drupal

  • Als de Redirect- module is geïnstalleerd, controleer dan of er onnodige redirects zijn geïnstalleerd en verwijder deze.
  • Ontlast het verkeer met een of meer Drupal -cachemodules zoals Internal Page Cache , Internal Dynamic Page Cache en BigPipe . Combineer deze met een CDN om de responstijd verder te verbeteren. Uw hostingservers zouden PHP OPcache moeten gebruiken.
  • Overweeg het gebruik van geheugencaching zoals Redis of Memcached om de querytijden van de database te verkorten.
  • Gebruik prestatiegerichte thema's, modules en snellere servers om de serverresponstijd te verkorten.

Reageren

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

Joomla

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

Magento

Bronnen