Page Speed: Put CSS in the document head

Moving inline style blocks and <link> elements from the document body to the document head improves rendering performance.

recommends:

  • As required by the HTML 4.01 Specification (section 12.3), always put external stylesheets in the <head> section using the in the <link> tag. Don't use @import. Also make sure that you specify the stylesheets in the correct order with respect to scripts.
  • Put <style> blocks in the <head> section.

Read More

Have an idea for this recommendation?

Feel free to contact us with your suggestions, links or ideas!