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.