An Almost Static Stack
Charlie Gleason

Getting 100/100 on Google Speed Insights with React

Hey man thanks for the awesome tips and tricks I just have one minor tweak I did so you can get 100/100 on Google Speed Insights:

On the root level component remove the import of `style.css`

You can now convert that into a JS tagged template literal like so:

The idea obviously is to use the most minimal global CSS possible.

Then inside App.js go for this tweak using the already included Helmet:

That will inline the CSS instead of putting it on an external file. So given that you already use compressed images the 100 should be a piece of cake or at least you’d be extremely close to it.

100/100 Both on Mobile and Desktop wow!



PS: Here’s the thing so you can test it out: