How To Troubleshoot High Rendering Time in the browser

[guru_shetti]

Overview:

High rendering times on the browser can be caused by a slow disk system. This is due to the fact that like any SaaS application, SAP Hybris Cloud for Customer (C4C) relies on browser cache to store static content (not business data). The static content includes JavaScript, CSS, images. When the disk system is slow, the browser takes a long time to read from the disk and render it on the screen. Slow disk systems can be caused, ranging from temporary background programs running like anti-virus scans to problems with virtual machine setup. 

In this blog, we will use HTTPWatch to troubleshoot the same.

Details:

High Rendering Time in the browser

In the following example, we notice that the blue bars which indicate the time to read data from the cache, is taking a long time. Typically, this should be in the low 10’s or 100’s milliseconds. However, in the example below we see that its taking more than 0.5 secs and in the last step it took 4.1 sec. This usually happens due to lack of resources (CPU or IO/disk access). Antivirus or browser plugins can typically cause this behavior.

High Blocked Time in the browser

In the following example, we see high blocked time, which happens if the I/O is blocked. This usually happens in a virtualized environment especially if the host system is stressed. In the example below, the overall end-to-end time was 6.5s, where 2.5s is overhead from blocked time.