Skip to content

Commit bebb018

Browse files
authored
Merge pull request #67 from stoyan/brand
Consistent capitalization of WebPageTest
2 parents 0853241 + 7af771d commit bebb018

9 files changed

Lines changed: 14 additions & 14 deletions

File tree

src/_includes/layouts/index.njk

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
<div>
2424
<img class="hero" src="/img/custom-metrics-teaser.png" alt="">
2525
<h2>Capturing Custom Metrics</h2>
26-
<p>WebPagetest can execute arbitrary JavaScript at the end of a test, enabling a wide variety of custom defined metrics.</p>
26+
<p>WebPageTest can execute arbitrary JavaScript at the end of a test, enabling a wide variety of custom defined metrics.</p>
2727
<p><a href="/custom-metrics" class="btn">Learn about Custom Metrics →</a></p>
2828
</div>
2929
</div>

src/custom-metrics/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ eleventyNavigation:
66
---
77
# Custom Metrics
88

9-
WebPagetest can execute arbitrary javascript at the end of a test to collect custom metrics. These can be defined statically in the server configuration or be specified at runtime on a per-test basis.
9+
WebPageTest can execute arbitrary javascript at the end of a test to collect custom metrics. These can be defined statically in the server configuration or be specified at runtime on a per-test basis.
1010

1111
::: note
1212
[The HTTP Archive](https://httparchive.org/) uses WebPageTest custom metrics to power their reports, as well as the analysis in the [annual Web Almanac](https://almanac.httparchive.org/). The metrics are all available in a [public GitHub repository](https://github.com/HTTPArchive/custom-metrics) if you would like to dig in and get some ideas for what's possible.

src/dev/System Design/mobile_testing.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ For mobile testing you have a few options for network connectivity:
66
* WiFi with no traffic shaping
77
* WiFi with a fixed traffic shaping profile
88
* WiFi with per-test traffic shaping
9-
This is what the mobile testing network looks like for the public instance of WebPagetest (at least as of this writing in 2014):
9+
This is what the mobile testing network looks like for the public instance of WebPageTest (at least as of this writing in 2014):
1010

1111
![Network Diagram](/img/mobile_testing.png)
1212

@@ -23,7 +23,7 @@ For Windows there is also a support application adbwatch that watches adb and if
2323

2424
The public instance currently has 10 devices connected to an Intel i5 NUC running Windows 7 with adbwatch managing the agent instances and keeping adb running. One tip for running the NUC's as headless servers (for the newer haswell models that do not support AMT) is to use VNC and the Microsoft video drivers shipped with Windows, not the Intel ones. If you use the Intel drivers the display will be disabled and VNC will not work.
2525

26-
The data flow for test results and agent <-> WebPagetest server communication all happen from the tethered host so the only use of the data connection will be the actual test data (and any software updates).
26+
The data flow for test results and agent <-> WebPageTest server communication all happen from the tethered host so the only use of the data connection will be the actual test data (and any software updates).
2727

2828
## WiFi with no traffic shaping
2929
Testing over a WiFi connection gives you much more control over the stability of the results and usually produces much more consistent results than testing on a carrier network. The main issues with running a stable WiFi test connection are:

src/dev/System Design/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# Overview
22
Note: These docs are outdated and parts reference the old agent architecture
33

4-
Here is the overall system design for WebPagetest:
4+
Here is the overall system design for WebPageTest:
55

66
![Overview](/img/overview.png)
77

src/getting-started.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,21 +5,21 @@ eleventyNavigation:
55
---
66

77
# Quick Start Guide
8-
At its core, WebPagetest is used for measuring and analyzing the performance of web pages. There are a lot of options that may seem intimidating at first but doing quick testing is pretty simple. This guide will walk you through submitting a test and interpreting the results.
8+
At its core, WebPageTest is used for measuring and analyzing the performance of web pages. There are a lot of options that may seem intimidating at first but doing quick testing is pretty simple. This guide will walk you through submitting a test and interpreting the results.
99

1010
## Running a Performance Test
1111
### 1. Enter The Page URL:
12-
The first thing you need to do is decide on a page to test. Most people start with the main page for their site (but don't neglect the other pages people visit either). Once you have decided on a page you'd like to test you go to WebPagetest and give it the URL for the page you want tested:
12+
The first thing you need to do is decide on a page to test. Most people start with the main page for their site (but don't neglect the other pages people visit either). Once you have decided on a page you'd like to test you go to WebPageTest and give it the URL for the page you want tested:
1313

1414
![](/img/qs_url.png)
1515

1616
### 2. Select a Location:
17-
Next you should decide where you want the test to be run from. WebPagetest has test machines that are physically located around the world and you should test from a location that is close to where your users are visiting from. You can either pick a location from the list or if you click on the Change button you can pick a location from a map view (just click on a balloon to select a location and then click ok). If you hold the pointer over the bubbles they will display a message telling you where the location is:
17+
Next you should decide where you want the test to be run from. WebPageTest has test machines that are physically located around the world and you should test from a location that is close to where your users are visiting from. You can either pick a location from the list or if you click on the Change button you can pick a location from a map view (just click on a balloon to select a location and then click ok). If you hold the pointer over the bubbles they will display a message telling you where the location is:
1818

1919
![](/img/qs_map.png)
2020

2121
### 3. Select a Browser:
22-
Finally, you need to decide what browser to use for the test. Different locations support different browsers so if a given location doesn't have the browser you are looking for, you can try a different location. The Dulles, VA USA location supports all of the browsers that WebPagetest works with (Chrome, Firefox, Edge, Internet Explorer, Android, iOS). We usually recommend using Chrome for initial testing because it has the most information reported.
22+
Finally, you need to decide what browser to use for the test. Different locations support different browsers so if a given location doesn't have the browser you are looking for, you can try a different location. The Dulles, VA USA location supports all of the browsers that WebPageTest works with (Chrome, Firefox, Edge, Internet Explorer, Android, iOS). We usually recommend using Chrome for initial testing because it has the most information reported.
2323

2424
![](/img/qs_browser.png)
2525

src/metrics/SpeedIndex.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@ eleventyNavigation:
77
# Speed Index
88
The Speed Index is the average time at which visible parts of the page are displayed. It is expressed in milliseconds and dependent on size of the view port.
99

10-
The Speed Index metric was added to WebPagetest in April, 2012 and measures how quickly the page contents are visually populated (where lower numbers are better). It is particularly useful for comparing experiences of pages against each other (before/after optimizing, my site vs competitor, etc) and should be used in combination with the other metrics (load time, start render, etc) to better understand a site's performance.
10+
The Speed Index metric was added to WebPageTest in April, 2012 and measures how quickly the page contents are visually populated (where lower numbers are better). It is particularly useful for comparing experiences of pages against each other (before/after optimizing, my site vs competitor, etc) and should be used in combination with the other metrics (load time, start render, etc) to better understand a site's performance.
1111

1212
## The Problem
1313
Historically we have relied on milestone timings to determine how fast or slow web pages were. The most common of these is the time until the browser reaches the load event for the main document (onload). The load event is easy to measure both in a lab environment and in the real world. Unfortunately, it isn't a very good indicator of the actual end-user experience. As pages grow and load a lot of content that is not visible to the user or off the screen (below the fold) the time to reach the load event is extended even if the user-visible content has long-since rendered. We have introduced more milestones over time to try to better represent the timings (time to first paint, time to DOM content ready, etc) but they are all fundamentally flawed in that they measure a single point and do not convey the actual user experience.
1414
## Introducing the Speed Index
15-
The speed index takes the visual progress of the visible page loading and computes an overall score for how quickly the content painted. To do this, first it needs to be able to calculate how "complete" the page is at various points in time during the page load. In WebPagetest this is done by capturing a video of the page loading in the browser and inspecting each video frame (10 frames per second in the current implementation and only works for tests where video capture is enabled). The current algorithm for calculating the completeness of each frame is described below, but for now assume we can assign each video frame a % complete (numbers displayed under each frame):
15+
The speed index takes the visual progress of the visible page loading and computes an overall score for how quickly the content painted. To do this, first it needs to be able to calculate how "complete" the page is at various points in time during the page load. In WebPageTest this is done by capturing a video of the page loading in the browser and inspecting each video frame (10 frames per second in the current implementation and only works for tests where video capture is enabled). The current algorithm for calculating the completeness of each frame is described below, but for now assume we can assign each video frame a % complete (numbers displayed under each frame):
1616

1717
![](/img/si_compare_progress.png)
1818

src/private-instances/ec2_agents.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ The configuration of the test agents is done through user data strings when inst
2222

2323
## Parameters
2424

25-
* **wpt_server** - the web server where WebPagetest is running
25+
* **wpt_server** - the web server where WebPageTest is running
2626
* **wpt_url** - (optional in place of wpt_server) Base URL to the work directory for fetching. i.e. https://www.webpagetest.org/work/
2727
* **wpt_loc** - The location ID (if not specified it will fall back to wpt_location or be built from the region - ec2-us-east for example)
2828
* **wpt_key** - secret key for the specified location

src/private-instances/gce_agents.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ The agents are configured through a metadata string with the name "wpt_data":
2424

2525
### Parameters
2626

27-
* **wpt_server** - the web server where WebPagetest is running
27+
* **wpt_server** - the web server where WebPageTest is running
2828
* **wpt_url** - (optional in place of wpt_server) Base URL to the work directory for fetching. i.e. https://www.webpagetest.org/work/
2929
* **wpt_loc** - The location ID (if not specified it will fall back to wpt_location or be built from the region - ec2-us-east for example)
3030
* **wpt_key** - secret key for the specified location

src/user/2011 FCC Broadband Data.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
The FCC prepared a report on the state of Broadband Internet access in the US and the data is useful for deciding on connectivity parameters used for testing. I'm including the key charts here but the full report is available here: http://www.fcc.gov/document/measuring-broadband-america-report-consumer-broadband-performance-us
33

44
## Connectivity Emulation (dummynet)
5-
The purpose of the connectivity emulation in WebPagetest is to provide realistic "last mile" performance from the test agents (but not to alter additional latency in getting to servers physically distributed). This means that the goal is to realistically emulate parts 2-6 of the network diagram from the FCC report with the public Internet segment being routed as it would normally:
5+
The purpose of the connectivity emulation in WebPageTest is to provide realistic "last mile" performance from the test agents (but not to alter additional latency in getting to servers physically distributed). This means that the goal is to realistically emulate parts 2-6 of the network diagram from the FCC report with the public Internet segment being routed as it would normally:
66

77
![FCC Network diagram](/img/fcc_net.png)
88

0 commit comments

Comments
 (0)