jekyll-uno icon indicating copy to clipboard operation
jekyll-uno copied to clipboard

Render-blocking CSS

Open mw866 opened this issue 8 years ago • 2 comments

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

mw866 avatar Jun 07 '17 18:06 mw866

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

adishavit avatar Jun 08 '17 07:06 adishavit

yeah, can you show the changes you made?

mhdabdur avatar Dec 03 '17 20:12 mhdabdur