Today I love Gatsbyjs more than ever. After some time with a Google PageSpeed score as low as 60 on mobile, I am finally back to 100 on both desktop and mobile.
The two recent tweaks are:
using typeface-montserrat for importing the font. I import it in the src/layouts/index.jsIt also sets the swap attribute which prevents the "Ensure text remains visible during webfont load" message in LightHouse.
using the same logic as gatsby-plugin-segment-js to differ the load of the live chat (third-party script) after the first scroll. This made a big difference to the score.
Both the marketing site and the web app (on a "app." subdomain) work with Gatsby.
My blog posts do not perform as well. They start with an embedded Youtube video which adds a lot of burdens. I currently use gatsby-remark-embedder. Any tip for that part?