Web Page Speed (Browser)

The Web Page Speed (Browser) provides a split up of your website components and tracks individual component's load time, response time, status, component size and more using a real web browser. It loads your web page in a real browser to analyze all its resources and get a PageSpeed Insights report. Additionally, our browser agent will correctly identify and show you the HTTP protocol (version 1.1 / 2.0) that was used to render your resource. You can carry out web page speed monitoring from our 110+ global monitoring locations or a Private location (using Linux flavor based On-Premise Poller).

Table of Contents

General Settings
HTTP Configuration
Content Checks
Configuration Profiles
Alert Settings
Third-Party Integration
Uptime Steroid
Interpret Performance Metrics
Troubleshooting Tips

Add a Web Page Speed (Browser)

Log in to Site24x7.
Click Admin > Inventory > Monitors > Add Monitor > Web page Speed (Browser).
Select Web page (Browser) from Add Monitor page.
Specify the following details to add the Web Page Speed (Browser):
- Display name: Provide a appropriate name for the web page.
- Web page URL: Type the URL which needs to be monitored.
- Check frequency: Provide the required poll interval. The frequency can be set from 15 minutes to 1 day.
- Page Loading Timeout: Specify the time in seconds that it takes to establish a connection with the target server. When connection is not established, the website will be reported as down with "Could not establish connection" as the reason.
- Prefer IPv6: If you want to monitor your website over IPv6 enabled locations, simply move the rocker button to "YES" when creating or editing a monitor form.
  - Site24x7 lets you monitor your dual-stacked IPv4/IPv6 based infrastructure as per you need. IPv4 will be enabled as the default protocol. You'll be able to monitor your IPv6 infrastructure, once you enable the rocker button to IPv6. If the connectivity over IPv6 fails, it will not fall back to IPv4 automatically. Read more.
  - Enabling IPv6 in the monitoring form doesn't make it compatible to monitor IPv4, by default. If you want to monitor a resource, which is compatible with both IPv4 and IPv6–you'll have to set up two separate monitor checks for this.
- Wait after load: Specify your website type, i.e., Static, Dynamic, or Flash-based website.
  
  Analysis is delayed for 10 seconds after the page loads to allow scripts and events to complete.
- Select Browser For Monitoring: Choose the browser of your preference from the options provided.The selected browser will be used for data collection.
- Device Type: Choose from Desktop, Mobile, or Tab.
- Resolution: Each device type supports different resolutions. Choose your preferred device resolution.
  - Desktop: 1024x768, 1366x768, 1600x900, and 1920x1080
  - Mobile: iPhone 6/7/8 Plus, iPhone12/13 + Pro, Galaxy S20, Galaxy Note20, Pixel 2, and Pixel 2XL
  - Tab: iPad, Surface Duo, and iPad Pro
  - The resolution change is handled at the browser-level only.
  - The device type and resolution that you choose will update the previously configured customized user agent, if any.
- Monitoring locations: Choose a global location or Private location from the dropdown list to setup monitoring of your website from this location. Choose your Linux flavor based On-Premise Poller from the drop down to customize your Private location. Additionally, customize and create location profiles based on your requirements.
  To know more, refer Location Profile.
- Monitor Groups: You can associate your monitor with multiple monitor groups by selecting the relevant monitor groups from the drop down list. This allows in logical grouping of your monitors.
  To learn how to create a monitor group for your monitors, refer Monitor Groups.
- Dependent on monitor: Select a monitor from the drop-down list to choose it as your dependent resource. You can add up to 5 monitors as dependent resources. Alerts to your monitor will be suppressed based on the DOWN status of your dependent resource.
  
  Configuring a dependent resource and suppressing alerts based on the dependent resource's status is part of providing you with better false alerts protection. Learn more about alert suppression at monitor level.
  
  If you select "None" in the dependent resource field, alerting will progress as per your normal configuration settings. No alerts will be suppressed in this case as the monitor doesn't have any dependent resource.
  
  Multiple monitor group support for monitors allow a monitor to be associated with multiple dependent resources in different monitor groups. If during a normal monitor status check, any one of these dependent resources' status is identified as DOWN, the alert for the monitor will be automatically suppressed. However, the dependency configuration at monitor level is always given the higher priority over any other monitor group level dependency configuration for suppressing alerts.
Specify the required details for HTTP Configuration:

- You can build a block domain list to restrict monitoring of these domains. Click the Block domains link. When you click the link, you'll be prompted with a pop up window, where you'd be asked to add the domain(s) or the resources at the Monitor-level or Account-level.
  
  If you've specified block domain(s) at Monitor level, the traffic from the domain gets excluded for the specified monitor alone. However, if you've specified the domain(s) at the Account level, the traffic from the domain gets excluded globally across all your monitors in your Site24x7 account.

- HTTP method: Specify the method to be used for connecting with the site– GET or POST. Select the radio buttons to configure the form submission method and appropriate body type for the POST HTTP Method.
  
  In the GET method, the entire HTML response is fetched and checked for the presence of your configured keywords.
  
  POST method would submit the parameters to access the URL.
- HTTP request headers: Sometimes you might want to customize the default HTTP request header information. In such cases, the additional header name and header value can be added here.
- User agent: Set customized user agent (web browser) for sending your request and the HTTP headers. You can choose from the available user agents.
- Credentials: Provide the Username and Password for URLs requiring Form-based authentication.
- Accepted HTTP status codes: Provide a comma-separated list of HTTP status codes that indicate a successful response. You can specify individual status codes, as well as ranges separated with a colon. Learn about HTTP Status Codes.

6. Specify the required details for Content Checks:

- Should contain string(s): Get alerted when the specified keyword are not present in the website. Mention the keywords in the check box and use the slider button to trigger the required kind of alert.
- Should not contain string(s): Get alerted when specified keywords are present in the website content. Mention the keywords in the check box and use the slider button to trigger the required kind of alert.
  You must adhere to the following conditions while adding keywords in the given field:
  - A single string or keyword can be configured with/without any double quotes (ex: HTML).
  - If there are two strings, which comprise a single keyword–add a space in between the two strings and enclose it with double quotes. (ex: "HTML response").
  - In case you have more than a couple of individual keywords configured, you will have to separate them with a space and also use double quotes for each of them. ("monitor" "HTML").
- Case sensitive: Enable the toggle button to detect case sensitive characters.
- Should match regular expression: Configure your alert based on whether a particular pattern matches with the website content.
  For example: When you consider the expression ^[a-z0-9_-]{3,15}$, your website content should contain alphabets from a to z,numbers from 0 to 9 , underscore and a hyphen. Also there should be minimum length of 3 characters and maximum length of 15 characters. When it is not matched, your website will be reported as "Regular expression"^[a-z0-9_-]{3,15}$" does not match" as a reason.
- Link Validation: Provide the URL to enable link validation. Use the toggle button to set trouble or down status when the preferred URL standard isn't met. You can use the drop-down option to choose the Response Header or Request Header, and then provide the Header Name and Header Value. If you wish to specify some conditions in regular expression, you can do that by using the format: $[value] .
- Ignore Resource(s): Provide the status code and file type or file name of those page resources for which you wish not to receive alerts. You can provide the status codes or files as comma-separated values(501,502) or as a range separated by a colon (501:508). You can also provide file type details of configured RegEx values in the following format: $[value]. You can choose to ignore resources only if you've enabled Alert if any objects are broken option.
- Learn more about Content Checks.

7. Specify the required details for Configuration Profiles:

- Threshold and Availability: Select a threshold profile from the drop down list or choose the default threshold set available and get notified when the resources cross the configured threshold and availability.
  To create a customized threshold and availability profile, refer Threshold and Availability.
- Tags: Associate your monitor with predefined Tag(s) to help organize and manage your monitors creatively. Learn how to add Tags.
- IT Automation: Select an automation to be executed when the website is down/trouble/up/any status change/any attribute change. The defined action gets executed when there is a state change and selected user groups are alerted.
  To automate corrective actions on failure, refer IT Automation.

Alert Settings:
- User Alert Group: Select the user group that need to be alerted during a outage. To add multiple users in a group, see User Groups.
- On-Call Schedule: The On-Call Schedule option helps you to ensure that the notifications are sent to assignees in specific shift hours helping them to quickly respond to alerts or incidents. Choose an On-Call of your preference from the drop-down.
- Notification profile: Choose a notification profile from the drop down list or select the default profile available. Notification profile helps to configure when and who gets notified in case of downtime. Refer Notification Profile to create a customized notification profile.
You can receive alerts if the monitors are associated to user groups irrespective of the On-Call shift you've configured.
Third-Party Integration: Associate your monitor with a pre-configured third-party service. It lets you push your monitor alarms to selected services and facilitate improved incident management.

If you haven't setup any integrations yet, navigate across to ”Admin > Third-Party Integration” to create one. Tell me more.
- Click Save.
  
  Once the monitor setup is completed, Site24x7 deep discovery wizard scans your domain and auto detects all related internet resources for your domain that can be added to your account for a comprehensive internet services monitoring. Explore more about internet services deep discovery.

Uptime Steroid

Uptime Steroid is a feature that helps to check the availability of your first URL in the sequence by polling every 1 minute. This will help in identifying status of the URL. When you add a Web Transaction (Browser) monitor Uptime Steroid will be enabled by default.If you wish to disable this option you can click on the hamburger icon, and then choose Disable Uptime Steroid. Also, after disabling this option you can enable anytime, by using the Edit option. Learn more about Uptime Steroid.

Interpret Web Page Speed (Browser) Results

Learn more about the various performance metrics of a Web Page Speed (Browser). To understand the distinction between various internet services monitoring features, read more.

Troubleshooting Tips: