Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Render-blocking CSS #67

Open
mw866 opened this issue Jun 7, 2017 · 2 comments
Open

Render-blocking CSS #67

mw866 opened this issue Jun 7, 2017 · 2 comments

Comments

@mw866
Copy link

mw866 commented Jun 7, 2017

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

@adishavit
Copy link

Can you make a PR or show the changes you made?

@mhdabdur
Copy link

mhdabdur commented Dec 3, 2017

yeah, can you show the changes you made?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants