You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/data/markdown/docs/02 javascript api/07 k6-experimental/01 browser/08 Locator/click--options--.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -49,7 +49,7 @@ export default async function () {
49
49
50
50
</CodeGroup>
51
51
52
-
When a click action results in a page navigation, remember to work with `Promise.all()` and `page.waitForNavigation()` to properly handle the asychronous operation.
52
+
When a click action results in a page navigation, remember to work with `Promise.all()` and `page.waitForNavigation()` to properly handle the asynchronous operation.
53
53
54
54
<CodeGroup labels={["Click action with navigation"]}>
55
55
Collapse file: src/data/markdown/translated-guides/en/03 Using k6 browser/03 Metrics.md
Copy file name to clipboardExpand all lines: src/data/markdown/translated-guides/en/03 Using k6 browser/03 Metrics.md
+7-2Lines changed: 7 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,9 +9,10 @@ Follow along to learn about:
9
9
2. The existing browser metrics that k6 browser tracks
10
10
3. How to analyze the browser metrics output
11
11
4. How to set thresholds for your browser metrics
12
+
12
13
## Google's Core Web Vitals
13
14
14
-
In order 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:
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:
15
16
16
17
1. loading performance,
17
18
2. interactivity,
@@ -23,7 +24,8 @@ These core metrics will evolve over time when technology changes, but for now, k
| webvital_largest_content_paint | Measures a page's loading performance. Please refer to [Largest Contentful Paint](https://web.dev/lcp/) for more information. |
25
26
| webvital_first_input_delay | Measures a page's interactivity. Please refer to [First Input Delay](https://web.dev/fid/) for more information. |
26
-
| webvital_cumulative_layout_shift | Measures a page's visual stabilty. Please refer to [Cumulative Layout Shift](https://web.dev/cls/) for more information. |
27
+
| webvital_cumulative_layout_shift | Measures a page's visual stability. Please refer to [Cumulative Layout Shift](https://web.dev/cls/) for more information. |
28
+
27
29
### Other Web Vitals
28
30
29
31
Apart from the Core Web Vitals, the browser module also reports [Other Web Vitals](https://web.dev/vitals/#other-web-vitals).
@@ -34,11 +36,13 @@ Apart from the Core Web Vitals, the browser module also reports [Other Web Vital
34
36
| webvital_time_to_first_byte | Measures the time it takes between the browser request and the start of the response from a server. Please refer to [Time to First Byte](https://web.dev/ttfb/) for more information.|
35
37
| webvital_first_contentful_paint | Measures the time it takes for the browser to render the first DOM element on the page, whether that's a text, image or header. Please refer to [First Contentful Paint](https://web.dev/fcp/) for more information. |
36
38
| webvital_interaction_to_next_paint | An experimental metric that measures a page's responsiveness. Please refer to [Interaction to Next Paint](https://web.dev/inp/) for more information. |
39
+
37
40
### Why are they important?
38
41
39
42
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.
40
43
41
44
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.
45
+
42
46
## Existing browser metrics
43
47
44
48
<Blockquotemod="note"title="">
@@ -89,6 +93,7 @@ After each web vital metric, an additional row with the same metric name is also
89
93
For example, `webvital_first_contentful_paint_good` was reported twice, indicating that this metric was seen on two pages and has a rating of good. In future releases of k6, we aim to improve how to display the rating for a better developer experience.
90
94
91
95
You can also visualize these results in different ways depending on your team's needs. For more information, check out our blog post on [visualizing k6 results](https://k6.io/blog/ways-to-visualize-k6-results/).
96
+
92
97
## Set thresholds for your browser metrics
93
98
94
99
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/).
0 commit comments