Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Google chrome font loading performance optimisation

New Here ,
May 01, 2021 May 01, 2021

Copy link to clipboard

Copied

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. 

 

 

Screenshot 2021-05-01 at 13.56.09.png

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?

 

Views

63

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation