CODEWITHSUNDEEP
wordpresspagespeedgoogle-font-api
imthemoisturizer
imthemoisturizer

Reputation: 91

Render-blocking fonts

For some reason, a huge list of fonts is being downloaded from Google Fonts on my Wordpress website (staging site is linked), and Google PageSpeed Insights identifies it as Render-blocking resources.

The thing is I would basically just need the Poppins 300, 500, 600 on Italics and Regular, so I had embedded the fonts as Google states, linking to them on the header of the site, but I deleted that link and realized that the fonts are still working, so I assume that the Wordpress Theme must be the one responsible for this.

My question is, how could I reduce the amount of fonts so that only the truly necessary ones are downloaded and thus minimize those render-blocking resources?

Thanks a lot for your help and time!

Upvotes: 0

Views: 953

Answers (2)

Selcuk xD
Selcuk xD

Reputation: 100

If you are able to install a plugin you can select which fonts you use (including the font-weight) by this lightweight plugin and it will also combine - minimize the rest of the fonts so you will have less DNS requests for a faster web page.

enter image description here

Upvotes: 1

hhh
hhh

Reputation: 389

Regenerate the embed link by selecting only the fonts you need: https://fonts.google.com/specimen/Poppins?selection.family=Caveat

Upvotes: 0

Related Questions