Put CSS in the Document Head
For viewing all tips see here
Applicable To
All Browsers
How Improves Page Load Time
By optimizing browser rendering
Prologue
[Detail of the technology / concept being used in the tip if required]
Why
o By ensuring that style sheets are downloaded and parsed first, allows browser to progressively render the page
o Browser block rendering a web page until all external style sheets have been downloaded
o Inline style blocks can cause reflows and shifting of content, which adds an overhead of redrawing
How
o Put 'style' blocks in the 'head' section
o Always put external style sheets in the 'head' section using the 'link' tag
Exceptions
None
Recommendations
None
Comments
Post a Comment