Web font file count on React sites

Sites with 1 to 3 font files web font file count have a good LCP most often: 88%, against 85% of all React sites. Sites with zero web fonts font count have it least often, at 76%.

Sites with 1 to 3 font files web font file count have a good CLS most often: 93%, against 92% of all React sites. Sites with zero web fonts font count have it least often, at 78%.

4 to 6 font files is the most used: 41.6% of React sites. 1 to 3 font files is 26.6% of React sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between 1 to 3 font files and zero web fonts sits in resource load delay: 406 ms median for 1 to 3 font files against 462 ms for zero web fonts. Overall median field LCP is 1.3s for 1 to 3 font files (TTFB 483 ms, load delay 406 ms, load duration 138 ms, render delay 167 ms) versus 1.6s for zero web fonts.

Across the four LCP sub-parts in Chrome's field data, the largest gap between 1 to 3 font files and zero web fonts sits in resource load delay: 406 ms median for 1 to 3 font files against 462 ms for zero web fonts. Overall median field LCP is 1.3s for 1 to 3 font files (TTFB 483 ms, load delay 406 ms, load duration 138 ms, render delay 167 ms) versus 1.6s for zero web fonts.

On Wix, 46% of sites use 4 to 6 font files web font file count, and 94% of Wix sites have a good LCP, against 85% of all sites. On WordPress, 41% of sites use 7 or more font files, and 61% of WordPress sites have a good LCP.

On Wix, 46% of sites use 4 to 6 font files web font file count, and 98% of Wix sites have a good CLS, against 92% of all sites. On WordPress, 41% of sites use 7 or more font files, and 85% of WordPress sites have a good CLS.

PlatformWeb font file count on its sitesGood LCP

All React sites 9,570 sites4 to 6 font files 42%7+ font files 30%1 to 3 font files 27%85%

Wix 5,824 sites4 to 6 font files 46%1 to 3 font files 28%7+ font files 26%94%

WordPress 2,342 sites7+ font files 41%4 to 6 font files 34%1 to 3 font files 24%61%

4 to 6 font files 7+ font files 1 to 3 font files 0 web fonts (system fonts)

Does the platform explain the web font file count difference?

On Wix, 95% of sites with 1 to 3 font files web font file count have a good LCP, against 95% of Wix sites with 4 to 6 font files. Within Wix, sites with 1 to 3 font files and 4 to 6 font files have a good LCP about equally often. On WordPress, 72% of sites with 1 to 3 font files web font file count have a good LCP, against 62% of WordPress sites with 4 to 6 font files. Within WordPress, sites with 1 to 3 font files have a good LCP more often.

On Wix, 99% of sites with 1 to 3 font files web font file count have a good CLS, against 98% of Wix sites with 4 to 6 font files. Within Wix, sites with 1 to 3 font files and 4 to 6 font files have a good CLS about equally often. On WordPress, 85% of sites with 1 to 3 font files web font file count have a good CLS, against 87% of WordPress sites with 4 to 6 font files. Within WordPress, sites with 1 to 3 font files and 4 to 6 font files have a good CLS about equally often.

How font proliferation delays text and hero rendering

Each font weight and style is a high-priority download that competes with hero images and triggers layout recalculations when late-arriving faces swap in. Across 2,542 sites (26.6%) loading 1 to 3 font files, 88% pass field LCP at a 1.3s median, compared with 79% (1.6s median) across the 30.4% (2,906) loading 7+ font files.