Current time: 12-11-2019, 09:42 PM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Strange gap on repeat view between HTML & Analytics
10-12-2015, 08:24 PM
Post: #1
Strange gap on repeat view between HTML & Analytics
Hi all,

I've got this strange test result where there is a huge gap/pause between the final bytes of the HTML and the Google Analytics script:

http://www.webpagetest.org/result/151012...ls/cached/

This also seems to influence the StartRender.

Does anyone have a clue to what could cause such a pause?

Thanks in advance!

Joyful regards,

Daan
Find all posts by this user
Quote this message in a reply
10-20-2015, 07:08 AM
Post: #2
RE: Strange gap on repeat view between HTML & Analytics
Could you post the link again? WPT link that you have shows no results.

Follow me on twitter: @rakshay
Visit this user's website Find all posts by this user
Quote this message in a reply
10-20-2015, 04:52 PM
Post: #3
RE: Strange gap on repeat view between HTML & Analytics
Hi,

Thanks for noticing akshayranganath! Didn't know they could suddenly dissapear.

@pmeenan: Is there any way to cause / influence this?

Here is the new test result:

http://www.webpagetest.org/result/151020...ls/cached/

Looking forward to your insights.

Joyful regards,

Daan
Find all posts by this user
Quote this message in a reply
10-21-2015, 11:34 PM
Post: #4
RE: Strange gap on repeat view between HTML & Analytics
I looked at the waterfall and I can this see this CSS file being called from within the HTML.
https://www.insyde.nl/assets/fceaf56b/A....r3Vm-B.css

This stylesheet is being called much later in the render process, after the other JS files and stylesheets have been downloaded, parsed and executed. When the new CSS is included, browser has to rebuild the CSSOM and it takes time.

Can you try to move this stylesheet to head and then check if the performance improves?

Follow me on twitter: @rakshay
Visit this user's website Find all posts by this user
Quote this message in a reply
10-23-2015, 06:44 PM
Post: #5
RE: Strange gap on repeat view between HTML & Analytics
(10-21-2015 11:34 PM)akshayranganath Wrote:  I looked at the waterfall and I can this see this CSS file being called from within the HTML.
https://www.insyde.nl/assets/fceaf56b/A....r3Vm-B.css

This stylesheet is being called much later in the render process, after the other JS files and stylesheets have been downloaded, parsed and executed. When the new CSS is included, browser has to rebuild the CSSOM and it takes time.

Can you try to move this stylesheet to head and then check if the performance improves?
Hi akshayranganath,

Thanks for the response!

I think you are looking at the wrong view, because my question has to do with the repeat view (http://www.webpagetest.org/result/151020.../cached/), which has the CSS file cached already. The only requests are for the html and analytics-script.

So in this case, removing CSS wouldn't change anything right?
Find all posts by this user
Quote this message in a reply
10-27-2015, 03:19 AM
Post: #6
RE: Strange gap on repeat view between HTML & Analytics
From the look of the "CPU Utilization", it looks like at the machine is loading and parsing your scripts and CSS. Hence the long gap.

If you see the chart for CPU and bandwidth, you will notice that no network requests were made. However, the CPU is flat at 100%. This would indicate that it is doing the heavy lifting of parsing stylesheets, JS files and building the DOM tree or decoding and rendering images.

I re-ran WPT with the timing and trace enabled. I am still learning this part of chrome tools. I can see a lot of activity that appears to be image rendering. Maybe someone on the forum can help you decode the output:
http://www.webpagetest.org/result/151026...ls/cached/

Follow me on twitter: @rakshay
Visit this user's website Find all posts by this user
Quote this message in a reply
10-27-2015, 06:57 PM
Post: #7
RE: Strange gap on repeat view between HTML & Analytics
(10-27-2015 03:19 AM)akshayranganath Wrote:  From the look of the "CPU Utilization", it looks like at the machine is loading and parsing your scripts and CSS. Hence the long gap.

If you see the chart for CPU and bandwidth, you will notice that no network requests were made. However, the CPU is flat at 100%. This would indicate that it is doing the heavy lifting of parsing stylesheets, JS files and building the DOM tree or decoding and rendering images.

I re-ran WPT with the timing and trace enabled. I am still learning this part of chrome tools. I can see a lot of activity that appears to be image rendering. Maybe someone on the forum can help you decode the output:
http://www.webpagetest.org/result/151026...ls/cached/

Thanks for the research. Indeed seems to be busy doing some repaints.

What are the best practices to optimize this?
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)