Fonts loaded with some page builders drastically reduce Google PageSpeed Insights (GPI) score

Fonts loaded with some page builders drastically reduce Google PageSpeed Insights (GPI) score.

This question is not on a particular page builder (I know plugin questions are not allowed here). It just deals with the fact that Google fonts loaded from page builders quite often drastically reduce the GPI score.

This is because Google requires that Google fonts will be loaded via font face, but generally, page builder companies don’t want to load their fonts this way.

I had a case that 100/100 score in GPI turned 36/67 just because of using Google fonts (double checked, that’s the only reason).

Is there any code tweak to enjoy both page builders and Google fonts without this problem?

Solutions I contemplated:

Download the font and load it arbitrarily from CSS with font-face and !important; This is a bad way that will de-facto disable any page builder’s ability to change fonts anywhere.
I’m not sure that Downloading the font files from Google Fonts and add them to the server, then loading them from a Page builder is the right approach, this is possible in some page builders (like Elementor) but I’m not sure it would be a global solution.
Is it possible to register/enqueue the Google Font in functions.php or Code Snippet of some sort? Maybe this indeed a global approach?

Read more here:: Fonts loaded with some page builders drastically reduce Google PageSpeed Insights (GPI) score

Leave a Reply

Your email address will not be published. Required fields are marked *