Load Time Details For Individual Elements: In the waterfall chart, when the user moves their cursor on a specific bar, he is shown a load time details which are DnsTime, ConnectTime, SSLTime, RequestTime, FirstByteTime, ResponseTime, StartTime, EndTime, Speed which is pointed in a red oval.Įxplanation of Color Coding: Within in Dotcom Monitor platform, representation of load time details are defined by the following colors: The user can also observe the performance issues by paying attention to the red marked area, which means there is a performance down period. They can select the desired are and release mouse button to display details. When the user clicks on the specific element button, they are welcomed by a performance page, shown below.īy analyzing the performance page, the user has a deeper knowledge about the response details. The element’s extension can be HTML, CSS, GIF, etc.Įlement Performance: A user can reach the information of the performance of each element that exists in waterfall chart. It shows how much time it takes to load for each element.Įlement List: The elements exist in the web page is shown in the Element List. Load Time Grid: The highlighted area below is called Load Time Grid. In this screenshot, you can see the highlighted elements are being loaded in the 531st millisecond. The user can drag the interactive slider to see which element is being loaded, and in what point in time. In the image below, it is pointed at with the arrow. Interactive Slider: The Interactive Slider is an indicator of the performance of each element in terms of milliseconds. Browser (Chrome, Firefox, Internet Explorer, mobile browsers etc…).Some of those factors include the following: As you can see, there are a lot of different elements that come into play during page’s load time. The screenshot below is a sample of a waterfall chart of to introduce what waterfall charts look like. ![]() Users can also watch the actual URL loading video in the browser window. The user has the summary on the device, with descriptive visualizations of device statistics on pie charts. Waterfall charts let us see a cascade effect over several tasks, and in the matter of a few seconds, the user can see how bad/good the performance of the website is, such as how many resources are blocking parallel downloads or how many rows exist. Waterfall charts within the Dotcom-Monitorplatform can help users identify where important events happened during the page load process. They can also let the user easily see how good or bad the performance of their website is, showing you exactly what is slowing down your site. It assists in identifying where important events happened during the loading process. ![]() Waterfall charts are diagrams which represent how website resources are being downloaded, parsed by the engine, in a timeline that gives us the opportunity to see the sequence and dependencies between resources.
0 Comments
Leave a Reply. |