If you're like me, you're probably obsessive about your site speed. It doesn't matter the service, I want to do whatever I can to get the best possible scores, load times, and ratings- even if some don't really matter in the grand scheme of things.
Out of all of the services that are out there, one that is the holy grail is Google's Page Speed Insights (PSI) as it is one of the few tools provided by the search giant that gives clues on how website owners can improve. (Plus non-Google tools like WebpageTest at GTMetrix to round out further analyses.)
Naturally, we latched on to it and made it our quest to top out in the highest category on our sites.
Unfortunately, our site on our old theme (Elegant Themes) only took us so far, and we knew it was time to upgrade. We switched to GeneratePress, made some customizations, and both our desktop and mobile scores jumped (with mobile scores in the high 80s and desktop flirting with 100 most days).
Today, I wanted to share the techniques I used to make this happen as it won't come out of the box.
Note: Before we begin it is worth pointing out that at the end of the day site speed is king. Google PSI scores are mainly a suggestion. Although we're in the weeds with it you can have a fast site without a high score, and no one is really certain if a high score provides an SEO benefit like a fast site. Our interest in this is purely because we can optimize it over a more practical reason. This could change in the future and we'll update accordingly.