How to use WebPageTest's Graph Page Data view
The 'Graph Page Data' view is a one of those WebPageTest features that is hidden in plain sight. So lets shine a light on it and see what it can do.
Tagged “webpagetest”
Testing priority hints with WebPageTest
Priority hints may be on hold, but you can still enable them and investigate what they can do. And in one instance I found a nice set of improvements to visual metrics.
The importance of `@font-face` source order when used with preload
A small change in the ordering of your font sources in the `@font-face` rule can have a big impact on data and web performance, especially when used in conjunction with the `preload` resource hint.
How to run a WebPageTest test
Let's examine the WebPageTest homepage and investigate what all the settings do, including examples of what you can use them for.
Using jq with the WebPageTest API
WebPageTest exposes all its data via an easy to access API, but the data listed can be overwhelming. Using a tool like jq can help. Here's how you use it.
WebPageTest comparison URL generator
The best way to benchmark improvements using WebPageTest is by comparing results. Here's a tool to help you do that.
Improving perceived performance with the CSS `font-display` property
The `font-display` property is a great way to tweak the way your fonts load, especially useful as fonts have a large effect on the perceived performance of your website.
How to read a WebPageTest Connection View chart
There's more to WebPageTest than the Waterfall View. In this post I look at the the 'Connection View' and how it can be used to spot web performance issues.
How to read a WebPageTest Waterfall View chart
WebPageTest waterfall charts are a very powerful web performance tool, but can sometimes be a little confusing. Maybe this post can change that.
See all tags.