By Valerie YJ Lee, Solutions Architect
When evaluating the performance of a CDN or a current website, you may need to measure it directly without any tools. In this article, I will describe how to perform these tests for a website with the WebPageTest tool.
How Does It Work?
- Real browsers
- Different locations
- Shaped traffic speeds
- Real Devices
- Single location
- Not mobile networks (this is possible to set up on private instances)
Running the test
We’ll be testing a website’s performance using http://www.webpagetest.org A simple test can be run using:
Interpretation of Results
WebPageTest has some indicators for web page performance like network speed, CDN effectiveness, compressions, and so on.
High Level Metrics
You can see high level stats on page performance with WebPageTest. Repeat view is also shown here if selected.
- Load Time
The time from when the user started navigating to the page until the Document Complete event (usually when all of the page content has loaded)
- First Byte Time
The time from when the user started navigating to the page until the first bit of the server response arrived. The bulk of this time is usually referred to the “back-end time” and is the amount of time the server spent building the page for the user
- Start Render
The time is the first point in time that something was displayed to the screen. Before this point in time the user was staring at a blank page
- Speed Index
A calculated metric that represents how quickly the page rendered the user-visible content (lower is better). More information on how it is calculated is available here: Speed Index
- Dom Elements
The count of the DOM elements on the tested page as measured at the end of the test
Waterfall is a graphical representation that shows how the page and it’s object loaded
It shows how the page and its object loaded. In the figure below, you can see two items highlighted: the paint and render times. First paint is usually what other end-user monitoring tools will give you.
What to look for in the waterfall
3. Long Bars (any colour)
- Browser caching important of we are honoring origin
- Note, we may be doing something that’s not shown here
- CSV dump of all data available
If you want to check your web site performance before or after using CDN, WebPageTest tool will be helpful as an instant test. Synthetic monitoring tool is good for checking up site availability and performance trend by geo location, but the price is quite expensive. There are free and cool tools with good quality like WebPageTest, so just try to find more useful clues on your website. Have fun!