Web Page Analyzer
Web Page Analyzer
feature from Site24x7 uses real browsers (Mozilla Firefox) to check the
performance of your website from multiple locations. The Web Page
Analyzer downloads the entire content of your web
page, images, CSS, JavaScripts etc. It provides you with the total load
time
of the web page as well as the individual load times of all its
components. Using Web Page Analyzer you can find out how fast your page
is loading, which
component is slowing down your page, how to improve page load time etc.
How to add a new Web Page Analyzer?
Advanced Configuration in Web Page Analyzer
How to interpret Web Page Analyzer Results?
Add new Web Page Analyzer
To add a new Web Page analyzer Monitor
Navigate to Home > New Monitor > Web Page Analyzer
Web Page Analyzer option
Add Web Page Analyzer page will be displayed. Use the following options configure your monitor.
-
Label: Assign a proper label or name to identify the website or web page you wish to monitor.
-
URL: Enter the complete URL of your website/web page starting with http:// (for example http://mydomain.com)
-
Associate with Monitor Group: Associate your Web Page Analyzer monitor with a Monitor Group (Available only in Enterprise Edition).
-
Check Frequency: Set your desired poll time interval here. You have the option of setting poll interval from 15 min to a maximum of 1 day.
- Location Details: Webpage
analyzer monitor now supports monitoring from multiple locations. Choose
your desired primary and secondary locations.
-
Alert Contacts: You can set your preferred mode of receiving alerts here. Alerts can be configured to be sent to your mobile via SMS or through email. You can also specify the contacts to which the alerts needs to be send.
Web Page Analyzer configuration page
Advanced configuration features in Webpage Analyzer Monitor.
HTTP Configuration
Using HTTP Configuration, you can customize your HTTP headers with user agent send on request, authorization and custom headers.
To access these functions navigate to Advanced Configuration > HTTP Configuration.
Under HTTP Configuration, you have the following options.
- Form Submission Method: Specify how you want Site24x7 to send data to your website; via POST or GET. Choose appropriate radio buttons.
-
Website requires Basic authentication: This option allows you us to monitor your websites which requires Basic access authentication. Select the check box and provide appropriate User Name and Password to configure the authentication.
- Custom HTTP Headers and User Agent: This feature allows you to customize user agent send on request and also the HTTP Headers. To configure this function, select the check box against Custom HTTP Headers and User Agent. Provide the User Agent and appropriate values for Header Name and Header Value.
- Block Domains: This option lets you configure multiple domain names (the part excluding the http://www in your website address; mydomain.com for example) that you may want Site24x7 to ignore or not execute during monitoring of your configured web page. These domains to-be-blocked can typically be that of page or visitor tracking services such as Google Analytics, so that the monitoring will not impact any of your visitor tracking metrics.
HTTP Configuration
Downtime Configuration![]()
Under Downtime Configuration you have the option to configure alert frequency, alerting hierarchy etc. You can use the following options under Downtime Configuration.
- Report site as down on failure from: This option allows you to receive alert notifications only if your website is down from a specified number of locations. For example, if you want to receive alerts only after your site is confirmed down from two polling locations, choose ' 2 locations' from the drop down. By selecting 'All selected locations' alerts will be send only if your site is confirmed down from all your chosen Primary and Secondary locations.
- Downtime Notification: This option allows you to determine when you should be alerted about your website downtime status. You can configure the alert such that you will be notified only after the 'nth' failure. For example; if you have configured 'notify after two continuous failures', you will receive alerts only after your site goes down for the second consecutive time.
- Persistent Notification: With Persistent Notification, you will get continuous notifications till your web page is back up and running. You can set persistent notification to be delivered after every error or after 'nth' error. Choose your value from the drop down menu.
- Escalate if downtime exceeds: This option will let you escalate the alert when your website performance downtime exceeds your threshold value. Select the check box and enter the desired time value (in minutes) to configure this alert. You also can choose whom to escalate by choosing a contact name from the drop down list against the same.
Downtime configuration
Notification Template
Using Notification Template, you can customize your email alert templates. Select an Email Template from the drop down list. 
Notification template
Alert Configuration.
You can use the below options to configure your alerts based on a variety of parameters like response time, image count, CSS count etc..
-
Domain is unavailable: This option will be enabled by default in Web page Analyzer Monitor.
-
Any Objects are broken: Web page analyzer will check and alert you if it finds any broken objects (such as images, CSS, JavaScript, etc) found in the webpage you are monitoring.
-
Response time crosses: You will receive alerts when the response time (in milliseconds), of the website you are monitoring, crosses desired threshold value.
-
Website content change: Alerts will be triggered when the website content (in percentage), which you are currently monitoring, changes.
-
Image count crosses: You will receive alerts if the total number of images in your website crosses a threshold value set by you. Similarly alerts will be triggered if the total image size exceeds a similar threshold set by you. Enter values for size changes in percentage and size exceeds in bytes.
-
Script count crosses: By enabling this option, you will receive alerts if the total number of scripts in the webpage or the total size of the scripts in the webpage exceeds a certain threshold set by you. Enter values for size changes in percentage and size exceeds in bytes.
-
CSS count crosses: If the total CSS count crosses a specific number or the size changes or exceeds a particular value, you will receive alerts. Enter values for size changes in percentage and size exceeds in bytes.
Alert configuration
How to interpret Web Page Analyzer Results?
Web page analyzer displays your website performance in an easily understandable format. The result page can be sub-divided into five sections:The result page can be sub-divided into 5 sections; viz
- History Data
- Response Time Summary
- Web page Summary
- Domain Summary
- Availability and Response Time by Location
History Data
This section displays the historical information your website
performance along with the availability, response time, load time,
downtime duration, number of downtimes and SLA violation. The graph
displays the response time of various factors such as DNS Time,
Connection Time, First and Last Byte Time, etc. It also shows you the
maximum, minimum and average load times (in milliseconds) of the webpage
configured along with its Throughput values (in KB/sec). It also
displays the global availability of the web page, if configured.A sample page load time graph is illustrated below.
Load Time and Throughput split up graph
The details can be read using the legend given under the graph. These legend details are explained in detail below.
For a thorough understanding, the legend terms is explained below.
-
DNS Time: The DNS Time is the time taken to resolve the domain name for the request. A spike in DNS Time indicates that is taking more time to resolve the domain.
-
Connection Time: The connection time is considered as the time taken by the client to establish TCP connection with the IP address of the domain. More time to establish a connection may be due to factors such as server overloading which can be identified and addressed before it affects end-users.
-
First Byte Time: The First Byte time is the time from when the connection to the server established until the first response starts coming in for the base page. This is actually the server response time plus network latency time. A spike in First Byte Time in your graph can indicate a delay in the processing of request in the server.
-
Last Byte Time: Last Byte Time is the time taken for the last byte of the base page to be received from the server. An increase in the Last Byte Time in your Response Time Graph indicates an extra amount of content transfer that may be happening during the request or due to low bandwidth available for content transfer.
-
Load Time: Load Time is considered as the total time taken to load the complete content of the response. Practically this is equal to the Document Complete time that is explained below.
-
Start Render: The Start Render time is the time when some relevant portion of the webpage starts loading in the browser window. (i.e. the point at which the user is no longer seeing a blank white window).
-
Document Complete: Document Complete is the point where the page has finished loading the entire content. At this point the page is ready for user interaction.
Response Time Summary
Response time details for web page
elements like HTML, JavaScript, CSS, images etc. is shown in a waterfall
model under this section. Status code, size and response time of each
element is shown in detail along with breakup of the response time. This
breakup includes DNS lookup time, connection time, first byte time,
content download time, render start time and document complete time.
A sample screenshot of the waterfall is shown below. The waterfall can be read using the legend given below the same.
Response Time Summary-Waterfall Model
Webpage Summary
This section displays summary of all the elements of the web page that is being checked using real browsers. This summary will include number of requests sent before the page has finished loading, total number of objects in the page and the number of images, JavaScript and CSS included in the objects. This will also include the total size of the web page. Two pie charts; Content Breakdown by Requests and Content Breakdown by Size are displayed in the summary of the web page.
Webpage Summary section will also show a screenshot of the webpage that is analyzed.
A sample web page summary section is illustrated below.
Web Page Summary Charts
Domain Summary
This section will show you the number of requests sent for each of the
domains under a particular URL and the response time for each of those
domains. For example, under the URL www.mysite.com, images are loaded
from
images.xyz.com, advertisement banners are loaded from ads.sample.com
and so forth. Number of requests sent to each of these domains and the
response time taken by each of them is elaborated in domain summary
section.Other details that are included are size (KB) of each domain, average response time (in milliseconds) for each request and the average throughput value (content length/response time).
A sample domain summary section is illustrated below.
Availability and Response Time by Location
Location wise Availability (%), Response Time (ms), Downtime Duration, number of Down times and Last Downtime details will be shown in table format. All the chosen locations will be included under Location.
A sample screenshot is illustrated below.
Availability and Response Time by Location
PS: To know more about adding email and SMS alerts see Adding/Configuring Alerts.