Current time: 08-23-2017, 08:36 AM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Problem with start render time
05-19-2017, 02:11 AM
Post: #1
Problem with start render time
Why I have Start Render time so far?

Why the browser waits with rendering when it has downloaded css and JS?

My results:
https://www.webpagetest.org/result/170518_GZ_13B6/
or
https://www.webpagetest.org/result/170518_4Q_13B9/

Thanks for advices! :-)
Find all posts by this user
Quote this message in a reply
05-21-2017, 07:15 PM
Post: #2
RE: Problem with start render time
FAILED - (97.5 KB, compressed = 48.2 KB - savings of 49.3 KB) - https://ads2.czc.cz/www/images/b7c92710e...7ca4f7.jpg
WARNING - (116.3 KB, compressed = 67.6 KB - savings of 48.6 KB) - https://ads2.czc.cz/www/images/5fe142094...18c2d2.jpg
WARNING - (114.5 KB, compressed = 66.7 KB - savings of 47.8 KB) - https://ads2.czc.cz/www/images/76f67fd2d...dac066.jpg
WARNING - (52.8 KB, compressed = 33.5 KB - savings of 19.3 KB) - https://ads2.czc.cz/www/images/fd84e92cf...4d63ef.jpg
WARNING - (39.4 KB, compressed = 31.2 KB - savings of 8.2 KB) - https://ads2.czc.cz/www/images/19b7919d0...c866d9.jpg
Find all posts by this user
Quote this message in a reply
05-24-2017, 03:45 AM
Post: #3
RE: Problem with start render time
Ok... and where is the problem?
Find all posts by this user
Quote this message in a reply
05-30-2017, 10:55 PM
Post: #4
RE: Problem with start render time
The browser's parser stops for every non-async JS it encounters, waits for it to download, and then executes the script before it can proceed to the next bit of html. If any of those scripts use document.write() to inject other scripts then it needs to wait for those to download and execute before continuing.

This is by-spec and all browsers do it.

If css is pending then browsers will also not paint anything until the css finishes loading because that is what defines the layout of the content to paint.
Visit this user's website Find all posts by this user
Quote this message in a reply
05-30-2017, 10:59 PM
Post: #5
RE: Problem with start render time
Sorry, in case you were asking why it waits even after it has finished the css/js, it is hard to say without seeing the HTML but most browsers will try to delay layout/paint as long as they are working on things to avoid having to re-do the layout and waste time.

It is also possible that what was first painted was a blank screen depending on what the HTML looks like (the browser-reported first paint time was 1.5s while the actual first content rendered was at 2.2s.
Visit this user's website Find all posts by this user
Quote this message in a reply
06-01-2017, 11:30 PM
Post: #6
RE: Problem with start render time
Thanks. Can the problem be caused by a bad HTML structure? Now <content> is first, then <header>. Can the solution be put in the first place <header>?
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


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