This topic has 1 reply, 2 voices, and was last updated 8 years by 
-
-
Hello,
The Kleo theme is loading Google fonts in a way that reduces the Google PageSpeed Insight ( Render Blocking CSS).
What is the best way not to have this Google fonts CSS being Render blocking?
Thanks,
Denis
Hi @fundlr,
There are several plugins out there to help with above the fold css / critical CSS one of which is https://wordpress.org/plugins/above-the-fold-optimization/.
This is not a simple solution and will require some time to get right, as well as some knowledge of CSS and how web pages work in general.
Away from that I see you have at least two important issues with fonts and performance on your page. You should address these before attempting to optimize font and CSS delivery.
– You’re using / calling 6 different Google Fonts – Droid, Open Sans, Open Sans (Alt), Raleway, Roboto and Roboto Condensed. You can see this by pressing F12 in your browser and navigating to sources. Using this many fonts will be a performance hit on delivering any website, you should look at using no more than two fonts for optimal performance on your home page.
– You have mixed content errors on the page, did you move from HTTP to HTTPS? You should look into forcing HTTPS rewrites for content on the front and backend. This can be done with CloudFlare, at your host, via a plugin (Really Simple SSL) or via htaccess. You should choose the method best suited to you.Hope this helps,
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘General questions’ is closed to new topics and replies.