June WebPageTest Roundup
Things can move pretty quickly around here. In addition to the change log, we're publishing monthly summaries of some of the highlights of features and changes made to WebPageTest in the last month.
anchorNew Core Web Vitals Test Type
Last month we did a lot of work on the new Core Web Vitals diagnostic page, and this month we've made it easier for folks to dive right in by providing a new Core Web Vitals test.
The new test form makes it super quick to fire off a test, providing a simplified interface requiring only two inputs: the URL to test, and whether to test on Mobile or Desktop.
When the test completes, you'll land directly on the Core Web Vitals diagnostics page so you can zero in on these key metrics right away.
It's worth noting: all the usual deep data and visualizations you would expect from WebPageTest are still there. Rather than strip out potentially useful information, we opted to make the test submission process easier and still arm you with all the information you need to make meaningful conclusions about the performance of your site.
anchorCompare all test runs
The visual comparison test page—with the combination of the filmstrip and waterfall—is one of the most popular ways of looking at WebPageTest results.
To make it easier to dive into any variability in your test results, we now provide a "Compare All Runs" button on the page. When clicked, the comparison page will reload with results for all individual runs of a test so that you can zero in on what bottlenecks might be causing intermittent performance issues and introducing instability in your metrics.
anchorSupport for Edge Beta
WebPageTest now supports testing on Edge's Beta version meaning all versions of Microsoft Edge—stable, Beta (updated every 6 weeks), Dev (updated weekly) and Canary (updated daily) are now supported.
anchorSupport for Chrome's
WebPageTest's custom scripting unlocks a ton of possibilities for advanced tests, and we're constantly working on making it even more powerful.
We've added two new commands to help you simulate keyboard keypresses in Chrome:
type lets you simulate keyboard keypresses for each character in a given string.
keypressAndWait lets you simulate a keyboard keypress for a specific key
type Hello World
You can read more about both commands in the custom scripting documentation.
anchorImprovements to the Test History Page
We've got a bunch of stuff we're working on for the Test History page to make it easier to find the tests you're looking for so you can compare and analyze. This past month we made the test results open in a new tab so that you don't lose your place in the search results.
Previously, searching only searched the URL's you tested, but we've expanded it to now also search the labels, helping you find the exact version of the test you're looking for.
We're not done with this page at all, so stay tuned for more improvements to make it even easier to drill into your results and filter out tests you may no longer want to keep around.
Tim Kadlec is the Director of Engineering for WebPageTest, a web performance consultant, and trainer focused on building a web everyone can use. He is the author of High Performance Images (O'Reilly, 2016) and Implementing Responsive Design: Building sites for an anywhere, everywhere web (New Riders, 2012). He writes about all things web at timkadlec.com.@tkadlec