Search code examples
javascriptjquerycsspagespeed

Google PageSpeed recommends to use small inline CSS

I try to optimize my webpage so it loads very quickly. My question is this:

Google PageSpeed recommends to use small inline CSS so there are less round-trip times.

I have one compressed CSS file included via

<link href="/path/main.css" rel="stylesheet"/>

with 12 kb.

Would it be more smart to include it like this:

<style>........</style>

even though it is cached by the browser when I use <link>? I mean 12 kb is not really much and I've seen Google inlining much larger stylesheets directly into the HTML.

Same question for two .js files with about 500 kb both.

Here is a screenshot with firebug: https://i.sstatic.net/v6h71.png

What do you think?

Solution

  • Css is all right, but don't do it for the JS since the JS would parse itself. If you can, put the JS link files onto the end of page (if it is not 100% essential)