The State of Web Vitals

Bytes by resource type

The page weight split by resource type: HTML, JS, CSS, images, fonts, media.

Field data PhoneDesktopAll Scope All sites Q1 2026 edition · Phone field outcomes
Metric LCP INP CLS
1

At a glance the headline numbers for Bytes by resource type

The page weight split by resource type: HTML, JS, CSS, images, fonts, media.

15
Categories
In the distribution
31.9%
Fleet share
Top: script
97.3%
Sites with any
Of script

Scripts are 31.9% of all requests. Images are 30.7%.

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
2

The bytes by resource type mix who uses what, and how fast each group loads

Median LCP (sites using feature)
0
0.5s
1s
1.5s
2s
2.5s
3s
3.5s
4s
Script1.6s32% of sites
Image1.6s31% of sites
Stylesheet1.6s13% of sites
Other1.6s6% of sites
Font1.6s5% of sites
Fetch1.6s5% of sites
Xhr1.6s3% of sites
Document1.6s2% of sites
Ping1.6s2% of sites
Preflight1.6s1% of sites
Media1.7s0% of sites
Manifest1.5s0% of sites
Prefetch1.9s0% of sites
Eventsource2.3s0% of sites
Texttrack1.5s0% of sites
VariantShare of requestsMedian
Script
32%
1.6s
Image
31%
1.6s
Stylesheet
13%
1.6s
Other
6%
1.6s
Font
5%
1.6s
Fetch
5%
1.6s
Xhr
3%
1.6s
Document
2%
1.6s
Ping
2%
1.6s
Preflight
1%
1.6s
Media
0%
1.7s
Manifest
0%
1.5s
Prefetch
0%
1.9s
Eventsource
0%
2.3s
Texttrack
0%
1.5s

Bytes by resource type. On the fleet: 31.9% script, 30.7% image, 13.4% stylesheet. 97.3% of sites use at least one script.

By count script leads (31.9%); by bytes it is image (63.3%). computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
3

Passing LCP per bucket every category and count level at once - color is the pass rate

1
2
3
4
5
6
7
8
9
10
11
Script 31.9%
90
91
90
91
88
85
80
73
73
79
74
Image 30.7%
80
83
85
86
85
84
82
81
79
77
79
Stylesheet 13.4%
87
88
86
87
83
80
76
66
58
56
Other 6.1%
80
80
81
87
81
75
82
79
80
96
93
Font 5.3%
86
86
85
83
82
79
76
71
70
68
Fetch 5%
85
80
79
79
79
79
80
79
81
83
79
Xhr 2.5%
83
83
81
79
80
78
76
75
72
69
68
Document 2.1%
84
81
78
78
76
78
81
79
76
Ping 1.7%
81
77
77
78
87
83
91
93
92
90
85
Preflight 1.1%
80
79
75
78
80
84
90
82
84
87
87
Media 0.3%
82
76
78
75
75
71
71
72
68
72
Manifest 0.2%
84
84
73
Prefetch 0%
69
72
72
77
Eventsource 0%
62
53
Texttrack 0%
81
100
← few of this category on the pagemany →
60%95%+ of sites passing LCP Faded cells: under 100 sites

Each row is a category, each column its own count bucket (few on the left, many on the right); the cell is the share of those sites passing LCP.

Stylesheet swings the hardest: 87% of sites pass LCP with few, 56% with many. computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
4

Few vs many - does quantity cost LCP? the pass rate with few vs many of each category

60%70%80%90%100% few → many
Stylesheet 13.4% 87% → 56%
Font 5.3% 86% → 68%
Script 31.9% 90% → 74%
Xhr 2.5% 83% → 68%
Media 0.3% 82% → 72%
Document 2.1% 84% → 76%
Fetch 5% 85% → 79%
Image 30.7% 80% → 79%
Manifest 0.2% 84% → 84%
Ping 1.7% 81% → 85%
Prefetch 0% 69% → 72%
Preflight 1.1% 80% → 87%
Other 6.1% 80% → 93%
% of sites passing LCP · hollow ring = pages with few, solid dot = pages with many

Per category: the pass rate among pages with FEW of it (hollow ring) against pages with MANY (solid dot), worst trend first. Thin buckets are excluded from the endpoints.

More Stylesheet costs the most: the LCP pass rate falls from 87% with few to 56% with many. computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
5

Why this matters for the Core Web Vitals, and where to start fixing it

The total page weight tells you the size of the problem. The split per resource type tells you which Core Web Vital pays for it. Image bytes mostly cost LCP. They compete for bandwidth with the hero image and make it load slower. Script bytes are the expensive ones. After the download the main thread still has to parse and execute them, so a script-heavy mix shows up in INP. CSS blocks rendering until it is loaded. Font bytes delay text rendering.

That is why the same total weight can produce very different vitals. A content site with mostly image bytes needs modern formats and lazy loading. A web app with mostly script bytes needs deferral and dead code removal. The mix tells you which problem you have.

How does this affect the Core Web Vitals?

Bytes by resource type correlates with the LCP. With Manifest, 84% of sites pass the LCP. With Prefetch, 70% do.

Go fix it Optimize images for Core Web Vitals → 14 methods to defer JavaScript → Remove unused CSS →
Related signals Cookies per site → Media per page → Responsive image markup → font-display strategy → Chrome field data from 94,910 sites, representing millions of real page loads · How we measured