Gatsby - how to fix "eliminate render-blocking resources" (google fonts)

I am working on my first app in React (Gatsby) and Pagespeed Insights shows me the following error: screenshot

I added Google Fonts using a plugin gatsby-plugin-google-fonts

resolve: `gatsby-plugin-google-fonts`,        options: {          fonts: [            `roboto mono\:400,700` // you can also specify font weights and styles          ],          display: 'swap'        }  

Is there any way to fix it?

You can see this app here: https://cssgenerator.pl/

Github: https://github.com/marekfoltanski/cssgenerator

https://stackoverflow.com/questions/67374997/gatsby-how-to-fix-eliminate-render-blocking-resources-google-fonts May 04, 2021 at 03:51AM