Skip to content

Instantly share code, notes, and snippets.

@dotherightthing

dotherightthing/eliminate-render-blocking-css.md

Created November 2, 2018 06:32
Show Gist options
  • Save dotherightthing/72018eadb6871e2da56662e027e0d1b9 to your computer and use it in GitHub Desktop.
Save dotherightthing/72018eadb6871e2da56662e027e0d1b9 to your computer and use it in GitHub Desktop.
Download ZIP
[Eliminate render-blocking CSS] Your page has blocking CSS resources. This causes a delay in rendering your page. #css #performance #pagespeed
Raw
eliminate-render-blocking-css.md

Eliminate render-blocking CSS

Try to ... inline the critical portions of those resources directly in the HTML.

One of the files is Google Fonts.

Inline Google Fonts API CSS

  • Detects the browser
  • Inlines the @font-face font loading
  • Customises the @font-face src to suit the browser's font preference (e.g. .woff)
  • Eliminates the browser request to fonts.googleapis.com
  • Eliminates a DNS lookup
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment