Skip to main content
Participant
May 1, 2021
Question

Google chrome font loading performance optimisation

Hi Adobe community!

 

I'm working on optimising my page loading in google chrome.

One of the red flags raised by Lighthouse is font-loading. 

 

 

It links to this page: https://web.dev/font-display/?utm_source=lighthouse&utm_medium=devtools

 

Suggesting to use a preload tag:

<link rel="preload" as="font">

but if I try this with my typekit link element the font doesnt load at all.

 

I found an old typekit post where there is an advanced tab providing a more configurable async loading option for fonts:

https://blog.typekit.com/2017/09/05/improving-your-web-font-performance/

 

But it appears to not exist anymore in the new Adobe Fonts website.

 

Was wondering if someone has faced a similar issue in the past months or so?

 

    This topic is closed to new replies. Start a new post to keep the conversation going.