Improve your Google PageSpeed rank!
February 14th, 2021
Ironically one of the most damaging and frustrating elements of improving a Google PageSpeed ranking is the impact of 'chained' loading a Google Font on First Contentful Paint.
It's possible to offset the requirement for chained loading in a google font request by simply embedding the chained request contents from their code snippet directly into our code.
A Google Font code snippet includes a line similar to the following:
We can just copy the contents of this request response directly into a STYLE element within our HEAD:
This alleviates the chained loading, and given Google's recent support for font-display also prevents invisible text-rendering while the page loads, another common issue for achieving PageSpeed nirvana. All that I need to do now is figure out how to fix the Cumulative Layout Shift issue... one problem at a time.