Avoid CSS @import from an External StyleSheet
For viewing all tips see here
Applicable To
All Browsers
How Improves Page Load Time
By optimizing parallelization of external resource downloads
Prologue
[Detail of the technology / concept being used in the tip if required]
Why
o Because the browser is unable to download the stylesheets in parallel and add an additional round-trip time to the overall page load.
o Because the browser must download, parse and execute the external stylesheet and then only will be able to discover that it needs to download CSS file specified using @import.
How
Instead of using @import, use a 'link' tag for each stylesheet
Exceptions
None
Recommendations
None
Comments
Post a Comment