html - What do percents regarding above-the-fold content mean? -
upd i've read related pages carefully, doesn't answer particular question. percents mean? well, there's attempt @ explanation:
google page insights tell how many % of css referring content above fold being loaded late , page have been rendered earlier.
but not @ clearer pagespeed says. if @ correct.
i have page css inlined in head (not yet probably, 12k) , one dummy external stylesheet @ end of body tag:
<!doctype html> <html><head> ...<style>...</style>... </head><body> ... <link rel="stylesheet" href="1.css"> <script src="..."></script> <script src="..."></script> <script src="..."></script> </body></html> 1.css:
.not-used-selector {color: red;} pagespeed tells me:
approximately 55% of above-the-fold content on page rendered without waiting following resources load. try defer or asynchronously load blocking resources, or inline critical portions of resources directly in html.
optimize css delivery of following:
what mean 55%? when remove external stylesheet page, complaint apparently gone, number mean?
above-the-fold content part of page can see without scrolling down (topmost). how depends on device, browser size, name it.
"approximately 55% of above-the-fold content on page rendered without waiting following resources load" means that. in other words "the following resources" has css rules applied 45% of part of page (above-the-fold content). rest (55%) doesn't need external stylesheets. , make sense move these rules page , defer loading external stylesheets. above-the-fold content rendered without waiting stylesheets load. it's number (45%) can grossly inaccurate.
Comments
Post a Comment