Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Google chrome font loading performance optimisation

New Here ,
May 01, 2021 May 01, 2021

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.pngexpand image

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?

 

380
Translate
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