Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,11 @@ To filter the data shown on Web Analytics:
2. Select the **Analytics & Logs** drop-down and choose **Web Analytics**.
3. Select the website you want to check.
4. Select **Add filter**.
5. In the **New filter** box, choose your criteria from the dropdown.
5. In the **New filter** box, choose your criteria from the dropdown. Refer to the [Dimensions](/web-analytics/data-metrics/dimensions/) page for a list of available filters and their descriptions.
6. Select **Apply**.

By default, Web Analytics shows you the previous 24 hours of data. To change the time period shown, use the drop-down menu above the graph. You can also select and drag the cursor on the graph to choose a time period.
### Additional tips

Scroll below the graph for a breakdown of top visits by country and visits by source.
- By default, Web Analytics shows data for the previous 24 hours. Adjust the time range using the dropdown menu above the graph.
- Select and drag the cursor on the graph to choose a custom time period.
- Scroll below the graph to view detailed breakdowns, for instance of top visits by country or by device type.
22 changes: 13 additions & 9 deletions src/content/docs/web-analytics/data-metrics/core-web-vitals.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,25 +16,29 @@ Core Web Vitals is currently only supported in Chromium browsers, with Safari an

:::

## Web Analytics Vitals Explorer
## Access Core Web Vitals

Vitals Explorer enables you to easily pinpoint which elements in a web page are affecting the users experience while browsing your website, in a visual form.
To find Vitals Explorer:
Core Web Vitals enables you to easily pinpoint which elements in a web page are affecting the user's experience while browsing your website, in a visual form.
To access Core Web Vitals:

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
2. Select the **Analytics & Logs** drop-down and choose **Web Analytics**.
3. Select your website and select **Core Web Vitals**.

Vitals Explorer is divided into three main sections, each one with information about a specific feature that affects user experience:
### Core Web Vitals metrics

* [Largest Contentful Paint (LCP)](https://web.dev/optimize-lcp/): Measures perceived load speed by the user. It returns how long the main content of the page takes to be loaded.
* [Interaction to Next Paint (INP](https://web.dev/inp/): Measures user interface responsiveness – how quickly a website responds to user interactions like clicks or key presses.
* [First Input Delay (FID)](https://web.dev/optimize-fid/): Measures how fast a website is to respond to the first user input.
* [Cumulative Layout Shift (CLS)](https://web.dev/optimize-cls/): Measures visual stability, that is, if there are shifts in the page layout as the various elements are being loaded into view.
Core Web Vitals is divided into three main sections, each one with information about a specific feature that affects user experience:

- [Largest Contentful Paint (LCP)](https://web.dev/optimize-lcp/): Measures perceived load speed by the user. It returns how long the main content of the page takes to be loaded.
- [Interaction to Next Paint (INP)](https://web.dev/inp/): Measures user interface responsiveness – how quickly a website responds to user interactions like clicks or key presses.
- [First Input Delay (FID)](https://web.dev/optimize-fid/): Measures how fast a website is to respond to the first user input.
- [Cumulative Layout Shift (CLS)](https://web.dev/optimize-cls/): Measures visual stability, that is, if there are shifts in the page layout as the various elements are being loaded into view.

Each of these metrics represents an impact to the user experience, which is quantified and graded by Web Analytics.

Cloudflare Web Analytics offers interactive exploration in Core Web Vitals by allowing you to filter data by Country, Host, Path, Referrer, Device Type, Browser, or Operating System, and identify which users are the most impacted.
Cloudflare Web Analytics offers interactive exploration in Core Web Vitals by allowing you to filter data by URL, Browser, Operating System, Country, and Element.

### Debug view

Below each graph, the Debug View section has the top five elements with a negative impact on each metric. Selecting the elements shown in the data table gives you more details about them.

Expand Down
20 changes: 10 additions & 10 deletions src/content/docs/web-analytics/data-metrics/dimensions.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,16 +8,16 @@ sidebar:

Dimensions are the labels used to describe different types of metrics or data. For example, **Referer** is the data collected from external links referring visits to a page, while **Browser** shows which browsers accessed your website.

Below you will find a list of the different dimensions you can use to filter Web Analytics:
Below you can find a list of the different dimensions you can use to filter Web Analytics:

* **Country**: The visitor's country.
* **Host**: The domain of the site's URL.
* **Path**: The links within your site referring visits to a page.
* **Referer**: The external links referring visits to a page. You can access `referer host` data on the dashboard. Additionally, you can access data for the `referer path` from the GraphQL API.
* **Device type**: The device visitors use to access a page (for example, desktop, mobile, or tablet).
* **Browser**: The web browser visitors use to access a page.
* **Operating system**: The operating system visitors use to access a page.
* **Site**: The website's domain name. Used for high-level segmentation of data. For example, you can use it for a particular zone or gray-clouded website.
* **Exclude Bots**: Exclude bot traffic from the dataset. With this dimension set to `Yes`, the resulting dataset will be a closer representation of real user traffic.
- **Country**: The visitor's country.
- **Host**: The domain of the site's URL.
- **Path**: The links within your site referring visits to a page.
- **Referer**: The external links referring visits to a page. You can access `referer host` data on the dashboard. Additionally, you can access data for the `referer path` from the GraphQL API.
- **Device type**: The device visitors use to access a page (for example, desktop, mobile, or tablet).
- **Browser**: The web browser (for example, Chrome, Safari) visitors use to access your website.
- **Operating system**: The operating system visitors use to access a page.
- **Site**: The website's domain name. Used for high-level segmentation of data. For example, you can use it for a particular zone or gray-clouded website.
- **Exclude Bots**: Exclude bot traffic from the dataset. With this dimension set to `Yes`, the resulting dataset will be a closer representation of real user traffic.

![Web Analytics dimensions page](~/assets/images/web-analytics/dash-web_analytics-dimensions.png)
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
pcx_content_type: reference
title: Page load time summary
title: Page load time
sidebar:
order: 2

Expand Down
Loading