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!
2
Answers
Regenerate the embed link by selecting only the fonts you need:
https://fonts.google.com/specimen/Poppins?selection.family=Caveat
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.