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: 87%, against 76% of all WordPress sites. Sites with 7 or more font files font count have it least often, at 69%.

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

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): 777 ms median for zero web fonts against 1110 ms for 7 or more font files. Overall median field LCP is 1.4s for zero web fonts (TTFB 777 ms, load delay 197 ms, load duration 113 ms, render delay 179 ms) versus 1.9s 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): 777 ms median for zero web fonts against 1110 ms for 7 or more font files. Overall median field LCP is 1.4s for zero web fonts (TTFB 777 ms, load delay 197 ms, load duration 113 ms, render delay 179 ms) versus 1.9s for 7 or more font files.

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

On jQuery, 36% of sites use 4 to 6 font files web font file count, and 77% of jQuery sites have a good CLS, against 78% of all sites. On Vue, 37% of sites use 4 to 6 font files, and 75% 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%76%

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

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

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

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

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, 86% of sites with zero web fonts web font file count have a good LCP, against 77% of jQuery sites with 4 to 6 font files. Within jQuery, sites with zero web fonts have a good LCP more often. On Vue, 77% of sites with 4 to 6 font files web font file count have a good LCP, against 69% of Vue sites with 7 or more font files. Within Vue, sites with 4 to 6 font files have a good LCP more often.

On jQuery, 82% of sites with zero web fonts web font file count have a good CLS, against 78% of jQuery sites with 4 to 6 font files. Within jQuery, sites with zero web fonts and 4 to 6 font files have a good CLS about equally often. On Vue, 76% of sites with 4 to 6 font files web font file count have a good CLS, against 72% of Vue sites with 7 or more font files. Within Vue, sites with 4 to 6 font files and 7 or more 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, 83% pass field LCP at a 1.5s median, compared with 69% (1.9s median) across the 32.4% (20,488) loading 7+ font files.