GoogleChrome / GoogleChrome/lighthouse

font-display:swap fonts shouldn't affect lantern lcp

Open
#11,460 14 comments 0 reactions 1 assignee Claimed by @connorjclark View on GitHub
bug P2 simulation / lantern
Dominant language
JavaScript
Stars
30.8k
Forks
9.8k
Avg merge
1d 14h
Merged PRs (30d)
20

Description

I'm a bit confused about the recommendation `uses-rel-preload` and the resulting `LCP` score. Without font preloading the `LCP` score looks ok and results in a 100 % rating in the performance category:

![grafik](https://user-images.githubusercontent.com/3391958/93643439-50c12280-fa00-11ea-9980-3583a81a7a99.png)

After adding the suggested preloading lines for my fonts the `LCP` increased a lot and the performance rating goes down to 80 %:

![grafik](https://user-images.githubusercontent.com/3391958/93643534-7bab7680-fa00-11ea-9a2c-0742b06ee6e0.png)

The preloading lines I use looks like this:

```

```
What am I doing wrong? Any way to get preloading and the `LCP` together? Thanks a lot for your help.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.