Hoe kun je met de browser de laadsnelheid van een website vertragen?

In de ontwikkelaarstools (Developer Tools) is er meestal een tabblad genaamd "Network" (of "Netwerk"). Op dit tabblad is er een dropdown-menu of schuifregelaar om verschillende verbindingssnelheden te simuleren, bijvoorbeeld:

• Geen throttling (No throttling)
• Snelle 3G
• Trage 3G
• Aangepast (Aanpasbare snelheid)

Door een van deze vooraf ingestelde opties te kiezen of je eigen snelheid (upload, download, latency) aan te passen, kun je een lage bandbreedte simuleren en de laadtijd van de site verhogen. Na het kiezen van het verbindingsstype moet je de pagina opnieuw laden om het effect te zien.

Dit is handig voor:

• Het testen van prestaties en laadsnelheid op een trage internetverbinding.
• Het opsporen van problemen met asynchroon laden van inhoud.
• Het evalueren van het gedrag van de site onder hoge latentie.

Voorbeeld van gebruik in Chrome DevTools:

1. Open DevTools (F12).
2. Ga naar het tabblad "Network".
3. Vind het dropdown-menu "Throttling" naast de opnameknop (rode cirkel) of in het bovenste menu van het tabblad (kan een telefoon/tablet-icoon hebben voor de Apparaatmodus, en daarin throttling-opties).
4. Kies de gewenste snelheid (bijvoorbeeld "Slow 3G").
5. Laad de pagina opnieuw (F5).

In Firefox en andere browsers is het proces vergelijkbaar, maar de locatie van de opties kan licht verschillen.