--- title: "Wat is Waterfall chart? Uitleg en betekenis | Keurig Online" description: "Een waterfall chart (watervalgrafiek) toont per bestand van een webpagina wanneer het laden begint en hoe lang het duurt." canonical: https://www.keurigonline.nl/begrippenlijst/waterfall-chart last_modified: 2025-12-18 --- [Terug naar begrippenlijst](https://www.keurigonline.nl/begrippenlijst) # Waterfall chart Een waterfall chart (watervalgrafiek) toont per bestand van een webpagina wanneer het laden begint en hoe lang het duurt. Een waterfall chart, in het Nederlands watervalgrafiek, is een tijdlijn van alle verzoeken die een browser doet om een webpagina te laden. Elke regel is één bestand, zoals de HTML, een stylesheet, een script of een afbeelding, met een balk die laat zien wanneer het verzoek begint en hoe lang het duurt. Omdat latere bestanden steeds verder naar rechts starten, lijkt het geheel op een waterval. Elke balk bestaat uit fases. In Chrome DevTools zie je onder meer DNS Lookup, Initial connection voor het opzetten van de verbinding inclusief TLS, Waiting (TTFB) voor de wachttijd tot de eerste byte en Content Download. Een lange wachttijd wijst meestal op een trage server of zware PHP-code, een lange downloadtijd op een groot bestand. Zo vind je de oorzaak van een trage pagina. Een groot script dat alles erna laat wachten, een afbeelding van enkele megabytes of een externe dienst die seconden nodig heeft: in de waterval springen ze er meteen uit. WebPageTest toont dezelfde soort grafiek vanaf een testlocatie naar keuze. In Excel en financiële rapporten betekent waterfall chart overigens iets anders, namelijk een grafiek die laat zien hoe een beginwaarde stap voor stap stijgt en daalt. Je opent een waterval zelf in Chrome met F12 of Ctrl+Shift+I (op een Mac Cmd+Option+I), kiest het tabblad Network en herlaadt de pagina. Begin bij de eerste regel, het HTML-document. Duurt Waiting (TTFB) daar langer dan 0,8 seconde, de grens die PageSpeed Insights als goed hanteert, dan zit de vertraging op de server en niet in de bestanden die daarna komen. ## Geschiedenis Watervalgrafieken zaten al vroeg in browserhulpmiddelen zoals het Net-paneel van Firebug en HttpWatch. In 2009 bedachten de makers van die twee tools samen het HAR-formaat (HTTP Archive), zodat je de gegevens van zo'n waterval kunt opslaan en in een ander programma kunt openen ([Steve Souders](https://stevesouders.com/blog/2009/10/19/http-archive-specification-firebug-and-httpwatch/)). Belangrijke mijlpalen: - **2008:** WebPageTest, oorspronkelijk gebouwd bij AOL door Patrick Meenan, wordt open source - **2009:** HAR-formaat voor het uitwisselen van watervaldata - **2012:** [W3C-concept voor HAR](https://w3c.github.io/web-performance/specs/HAR/Overview.html), nooit afgerond maar wel de feitelijke standaard - **2020:** [Catchpoint neemt WebPageTest over](https://www.catchpoint.com/press-releases/catchpoint-to-acquire-webpagetest-org) ## Bronnen 1. **Chrome for Developers** - [Network features reference: Waterfall and Timing](https://developer.chrome.com/docs/devtools/network/reference) 2. **Chrome for Developers** - [Open Chrome DevTools](https://developer.chrome.com/docs/devtools/open) 3. **W3C (2012)** - [HTTP Archive (HAR) format](https://w3c.github.io/web-performance/specs/HAR/Overview.html) 4. **Steve Souders (2009)** - [HTTP Archive specification: Firebug and HttpWatch](https://stevesouders.com/blog/2009/10/19/http-archive-specification-firebug-and-httpwatch/) 5. **Microsoft** - [Create a waterfall chart (Excel)](https://support.microsoft.com/en-us/office/create-a-waterfall-chart-8de1ece4-ff21-4d37-acd7-546f5527f185) ## Gerelateerde artikelen WordPress 10 dec 2025 [Je WordPress sneller maken in 2026](https://www.keurigonline.nl/blog/wordpress-sneller-maken) Dit is Google's officiële tool die mobiel én desktop test. Je krijgt een score van 0 tot 100. **Waarom gebruiken:** Dit is wat Google meet en deze score beïnvloedt je ranking direct. #### [GTmetrix](https://gtmetrix.com/) Diepere analyse met waterfall chart waar je precies ziet welke bestanden traag laden en waarom. **Let op:** Kies de testlocatie dichtbij je bezoekers want Europa werkt beter dan Canada. #### [WebPageTest](https://www.webpagetest.org/) Voor gevorderden die vanaf echte apparaten wereldwijd kunnen testen. Filmstrip view laat zien hoe je pagina opbouwt. Hosting 9 dec 2025 [20 .htaccess code snippets voor snellere websites](https://www.keurigonline.nl/blog/20-htaccess-code-snippets-voor-snellere-websites) Ideaal voor het testen van complexe RewriteRules zonder je live site te risico te stellen. ### GTmetrix **[GTmetrix](https://gtmetrix.com)** test je website snelheid en controleert of je caching headers correct zijn ingesteld waarbij het een waterfall chart genereert die laat zien welke resources gecached worden. De tool meet laadtijden, Time to First Byte (TTFB) en Core Web Vitals waardoor je direct feedback krijgt of je GZIP compressie en browser caching correct werken.