Google Fonts & speed

WordPress Mobile Speed

Updated


There are no affiliate links on PagePipe.

Google Fonts

Google fonts are adding as much as 6 seconds to page load for simple utility fonts like Noto sans and Open Sans. We recommend removing Google Fonts with a plugin. Or substituting in code with a system font stack.

REFERENCE: https://pagepipe.com/should-i-disable-font-awesome-and-google-fonts-for-improved-speed/

REFERENCE: https://pagepipe.com/zero-latency-fonts-for-mobile-speed-system-ui-font/

Replace Google fonts with a mobile-system font stack for speed.

Don’t use Lato font but substitute a mobile system font stack or even websafe fonts like Arial. Normally, we disable the Google fonts with a plugin. But that won’t work in your case because of theme and Customizer settings. Your team will need to implement this if you choose.

REFERENCE: https://pagepipe.com/should-i-disable-font-awesome-and-google-fonts-for-improved-speed/

Using Open Sans Google Fonts produces 5 requests per page. If is removed with a plugin, the theme fallback is a default serif font. This is odd. It should be a sans-serif in the CSS font stack but it’s not. You can set fonts in the Customizer. The theme option to use is “Arial, Helvetica, sans-serif.”

If you are using the font-family (stack): Poppins, Roboto, Arial, sans-serif. We recommend deactivating Google Fonts with a plugin and let the font Arial take it’s place. Your H2 font is Bigshot One. It would be replaced by the default cursive browser font. This may be Comic Sans, an undesirable font. This would require some custom CSS to solve. We don’t do that repair as part of speed testing.

REFERENCE: http://pagepipe.com/faster-themes-dump-google-fonts/

Replace Google fonts with a mobile-system font stack for speed.

REFERENCE: http://pagepipe.com/zero-latency-fonts-for-mobile-speed-system-ui-font/

Using the font-family: Gothic A1 and Rosarivo. We recommend deactivating Google Fonts with a plugin and let the font sans-serif default take it’s place.

Open Sans and Noto Sans font could be replaced with a system font. We can disable it but we don’t do font substitutions. That fix usually requires custom CSS coding.

GOOGLE FONTS

The following 17 Google fonts are being called (requested) from remote servers. This slows down the site. More fonts are being called than normal (only a few).

fonts.googleapis.com

Roboto, Roboto Condensed, Raleway, Open+Sans, Open+Sans italic, Poppins italic regular, 500, 500 italic, 600, 600italic, 700, 700italic, 800, 800italic, 900, 900italic, Montserrat

REFERENCE: https://pagepipe.com/zero-latency-fonts-for-mobile-speed-system-ui-font/

Six-instances of Montserrat font could be replaced with a system font in GeneratePress (the default font is a mobile system font stack). The fonts are being lazy loaded so it causes no delay on desktops. But there is still extra page weight going through remote mobile connections. Our recommendation is using a mobile system font stack when possible. Select it in the WordPress Customizer.

Godspeed-

Steve Teare
performance engineer
May 2021

 

PagePipe Site Tuning Services for Speed

Instead of band-aid approaches, we drill down to the root cause of your slow site. This is origin optimization. Also known as site tuning. To do this, we analyze site components:

  • Hosting
  • Theme
  • Plugins
  • Scripts and third-party services.
  • Images and media library.
  • We minimize globally loading plugin effects.

Find out more details about Site TuningGet Speed!


 

Other Related Resources

Build with Empathy
GIVE SPEED