Skip to content

Render-blocking CSS #67

@mw866

Description

@mw866

The CSS is render-blocking and has negative impact to Google search ranking.

Source: Googel PageSpeed Test result

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 5 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:
http://joshgerdes.com/jekyll-uno/css/main.css
http://joshgerdes.com/jekyll-uno/css/uno.css
http://joshgerdes.com/jekyll-uno/css/monokai.css
https://fonts.googleapis.com/…ily=Raleway:400,700|Roboto+Slab:300,400)
http://joshgerdes.com/jekyll-uno/css/animate.css

One optimization I have identified is to import all CSS in the index.html instead of in the main.css. This manages to improve the PageSpeed score by about 5 points.

Source: Avoid CSS imports

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions