Archived topic
Google Font Increasing Page Load Times
1 reply · Started by Akash on June 12, 2021
Hi,
I hope you're doing great. So, I use crimson text on my blog, but as it turns out, it's increasing the page load times. Google Pagespeed Insight says that I can save up to 780ms by fixing the font. When I change the font family to a non-Google font, say Arial, the page speed improves drastically. However, the website doesn't look good with system fonts.
How can I use Google fonts in such a way that they do not block the first paint of the page?
This is the problem:
URL: /css?family=…(fonts.googleapis.com)
Transfer size - 1.1 KiB
Potential savings - 780 ms
Any help is appreciated, thanks!
Hi there,
best option is serve them locally. Couple of options:
Manual setup:https://docs.generatepress.com/article/adding-local-fonts/
With Plugin: https://wordpress.org/plugins/host-webfonts-local/