Skip to content

Commit 1d6dd3f

Browse files
[fix]; some minor language fixes to browser docs
- Trim sentences down - Use unordered lists where procedure doesn't matter
1 parent 1b60e56 commit 1d6dd3f

File tree

1 file changed

+25
-15
lines changed
  • src/data/markdown/translated-guides/en/03 Using k6 browser

1 file changed

+25
-15
lines changed

src/data/markdown/translated-guides/en/03 Using k6 browser/03 Metrics.md

Lines changed: 25 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -5,32 +5,38 @@ excerpt: 'An overview of the different browser performance metrics that the brow
55

66
Follow along to learn about:
77

8-
1. Google's Core Web Vitals and why they are important
9-
2. The existing browser metrics that k6 browser tracks
10-
3. How to analyze the browser metrics output
11-
4. How to set thresholds for your browser metrics
8+
- Google's Core Web Vitals and why they are important
9+
- How to analyze the browser metrics output
10+
- How to set thresholds for your browser metrics
1211

1312
## Google's Core Web Vitals
1413

15-
To provide users with the best user experience, Google introduced [Core Web Vitals](https://web.dev/vitals/#core-web-vitals) which consists of three important metrics to help you measure your user's experience when using your web application. In a nutshell, it gives you an indication of your page's:
14+
The k6 browser module emits metrics based on the [Core Web Vitals](https://web.dev/vitals/#core-web-vitals).
15+
This section provides some conceptual background about the core vital.
16+
To review the complete list browser metrics, refer to the section in the [Metrics reference](/using-k6/metrics/reference#browser).
1617

17-
1. loading performance,
18-
2. interactivity,
19-
3. and visual stability.
18+
Google introduced these metrics to provided unified signals to assess user experience on the web.
19+
The vitals are composed ofthree important metrics to help user experience when using your web application.
2020

21-
### Why are they important?
21+
- Loading performance
22+
- Interactivity
23+
- And visual stability
2224

23-
The Core Web Vitals comprise one of [Google's Page Experience Signals](https://developers.google.com/search/docs/appearance/page-experience). A positive page experience naturally leads to better quality and better search engine rankings. These golden metrics help you understand which areas of your frontend application need optimization so your pages can rank higher than similar content.
25+
### Why web vitals
2426

25-
Existing browser measures such as the `Load` and `DOMContentLoaded` time do not accurately reflect the user's experience very well as they used to. Relying on these load events does not give the correct metric to analyze critical performance bottlenecks that your page might have. Google's Web Vitals is a better measure of your page's performance as well as your page's user experience.
27+
The Core Web Vitals are one of [Google's Page Experience Signals](https://developers.google.com/search/docs/appearance/page-experience). A positive page experience naturally leads to better quality and better search engine rankings. These golden metrics help you understand which areas of your frontend application need optimization so your pages can rank higher than similar content.
28+
29+
Existing browser measures, such as `Load` and `DOMContentLoaded` times, no longer accurately reflect user experience very well.
30+
Relying on these load events does not give the correct metric to analyze critical performance bottlenecks that your page might have. Google's Web Vitals is a better measure of your page performance and its user experience.
2631

2732
## Understanding the browser metrics output
2833

29-
When a browser test is finished, k6 reports a top-level overview of the aggregated browser metrics output. A sample of which you can see below.
34+
When a browser test finishes, k6 reports a top-level overview of the aggregated browser metrics output.
35+
The following snippet is an example:
3036

3137
<Blockquote mod="note" title="">
3238

33-
As mentioned previously, in future releases, the `browser_*` metrics will be removed in favour of the web vitals. As Google also recommends measuring the 75th percentile for each web vital metric, there will still be future tweaks to improve the summary output.
39+
In future releases, the `browser_*` metrics will be removed in favor of the web vitals. As Google also recommends measuring the 75th percentile for each web vital metric, there will still be future tweaks to improve the summary output.
3440

3541
</Blockquote>
3642

@@ -60,9 +66,13 @@ You can also visualize these results in different ways depending on your team's
6066

6167
## Set thresholds for your browser metrics
6268

63-
The great thing about the browser module is it can easily use all of k6's key functionalities, such as [Thresholds](https://k6.io/docs/using-k6/thresholds/).
69+
The browser module can use all key k6 functionalities, such as [Thresholds](https://k6.io/docs/using-k6/thresholds/).
70+
71+
To set thresholds for your browser metrics:
72+
1. Add the metric you want to check.
73+
1. Specify its threshold value.
6474

65-
To set thresholds for your browser metrics, add the metric you want to check and specify its threshold value. As seen in the example below, you can also pass in different URLs if you're going to set a threshold for other pages, especially when your script contains page navigations.
75+
As the following example shows, you can also pass in different URLs if you're going to set a threshold for other pages, especially when your script contains page navigations.
6676

6777
<Blockquote mod="attention">
6878

0 commit comments

Comments
 (0)