WordPress web font file count and the Core Web Vitals

Sites with zero web fonts web font file count have a good LCP most often: 82%, against 70% of all WordPress sites. Sites with 7 or more font files font count have it least often, at 62%.

Sites with zero web fonts web font file count have a good CLS most often: 95%, against 90% of all WordPress sites. Sites with 7 or more font files font count have it least often, at 88%.

4 to 6 font files is the most used: 36.0% of WordPress sites. Zero web fonts is 2.8% of WordPress sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between zero web fonts and 7 or more font files sits in time to first byte (TTFB): 914 ms median for zero web fonts against 1219 ms for 7 or more font files. Overall median field LCP is 1.6s for zero web fonts (TTFB 914 ms, load delay 204 ms, load duration 150 ms, render delay 213 ms) versus 2.2s for 7 or more font files.

Across the four LCP sub-parts in Chrome's field data, the largest gap between zero web fonts and 7 or more font files sits in time to first byte (TTFB): 914 ms median for zero web fonts against 1219 ms for 7 or more font files. Overall median field LCP is 1.6s for zero web fonts (TTFB 914 ms, load delay 204 ms, load duration 150 ms, render delay 213 ms) versus 2.2s for 7 or more font files.

On jQuery, 36% of sites use 4 to 6 font files web font file count, and 69% of jQuery sites have a good LCP, against 70% of all sites. On Vue, 37% of sites use 4 to 6 font files, and 67% of Vue sites have a good LCP.

On jQuery, 36% of sites use 4 to 6 font files web font file count, and 90% of jQuery sites have a good CLS, against 90% of all sites. On Vue, 37% of sites use 4 to 6 font files, and 90% of Vue sites have a good CLS.

FrameworkWeb font file count on its sitesGood LCP

All WordPress sites 63,295 sites4 to 6 font files 36%7+ font files 32%1 to 3 font files 29%70%

Alpine 380 sites4 to 6 font files 37%1 to 3 font files 33%7+ font files 25%78%

jQuery 60,314 sites4 to 6 font files 36%7+ font files 33%1 to 3 font files 28%69%

Vue 4,844 sites4 to 6 font files 37%7+ font files 37%1 to 3 font files 23%67%

React 2,233 sites7+ font files 41%4 to 6 font files 33%1 to 3 font files 24%63%

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

Does the framework explain the web font file count difference?

On jQuery, 79% of sites with zero web fonts web font file count have a good LCP, against 69% of jQuery sites with 4 to 6 font files. Within jQuery, sites with zero web fonts have a good LCP more often. On Vue, 72% of sites with zero web fonts web font file count have a good LCP, against 69% of Vue sites with 4 to 6 font files. Within Vue, sites with zero web fonts and 4 to 6 font files have a good LCP about equally often.

On jQuery, 95% of sites with zero web fonts web font file count have a good CLS, against 91% of jQuery sites with 4 to 6 font files. Within jQuery, sites with zero web fonts have a good CLS more often. On Vue, 93% of sites with zero web fonts web font file count have a good CLS, against 90% of Vue sites with 4 to 6 font files. Within Vue, sites with zero web fonts 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 18,207 sites (28.8%) loading 1 to 3 font files, 77% pass field LCP at a 1.8s median, compared with 62% (2.2s median) across the 32.4% (20,488) loading 7+ font files.