Browser-based monitoring types, such as Full Page Check and Transaction monitors, load your pages in an actual browser. Upon loading, the browser generates a waterfall chart that lists all the page elements and resources loaded on your website.
These loaded elements include first-party content, such as the original HTML document, images, videos, and other media hosted on the same network. They may also include third-party content or external resources, such as monitoring scripts or analytics. Each of these elements appears as an individual entry in the waterfall chart, with its own request URL and load time metrics.
Check URLs loaded by the page error condition
The Check URLs loaded by the page error condition checks whether specific page elements are loaded on your website. It verifies if the request URL of these elements appears in the waterfall chart or not.
For example, you want to check if the
Uptrends Real User Monitoring
loads on a page. Adding the Check URLs loaded by the page error condition tells the monitor to verify if the request URL of any of the waterfall elements matches hit.uptrends.com/.*
.
Additionally, this error condition allows you to set specific criteria for checking each request URL’s metrics. For example, if you want to detect errors when your uptrends.png
image takes longer than 2 seconds to load or if a file returns a status code higher than 400, you can define criteria for each.
Set up Check URLs loaded by the page
To check if a specific page element is visible on your website, you need to add an error condition of the type Check URLs loaded by the page:
- Go to menu.
- Click the monitor to which you’d like to check a request URL.
- Go to the Error conditions tab.
- In the Check URLs loaded by the page, click the +New check button.
- Select an error type to determine whether the monitor should generate an error when the request URL appears or does not appear in the waterfall chart.
- Provide the request URL in the text input field. You can use regular expressions as values.
- (Optional) To set additional criteria for checking the request URL, click the +Add additional condition button. Then set your conditions using the available options:
- Select the Response size, the appropriate comparison operator, and the value in bytes (B).
- Select the Total time, the appropriate comparison operator, and the value in milliseconds (ms).
- Select the Status code, the appropriate comparison operator, and the value.
- Click the button to confirm the monitor changes.
Examples
Uptrends RUM script loads on the website
The example shows the error condition checking if the Uptrends RUM script has been correctly configured. If the hit.uptrends.com/.*
request URL is not in the list of loaded page elements, the monitor will generate
an error
.
Image loads on the website
The example shows the error condition checking if the request URL, stars.png
, appears in the list of loaded page elements for more than 1000 milliseconds. If the URL’s load time exceeds the total time, the monitor will generate
an error
.