Google Fonts optimization for optimal Google PageSpeed Insights

[fundlr]

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

[Kieran_SQ]

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts