WordPress audio and video payload and the Core Web Vitals

Sites with no audio or video requests audio and video payload have a good LCP most often: 71%, against 70% of all WordPress sites. Sites with 500 KB to 3 MB of audio/video media media payload have it least often, at 62%.

Sites with no audio or video requests audio and video payload have a good INP most often: 97%, against 97% of all WordPress sites. Sites with 500 KB to 3 MB of audio/video media media payload have it least often, at 95%.

No audio or video requests is the most used: 87.9% of WordPress sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between no audio or video requests and 500 KB to 3 MB of audio/video media sits in time to first byte (TTFB): 1110 ms median for no audio or video requests against 1249 ms for 500 KB to 3 MB of audio/video media. Overall median field LCP is 1.9s for no audio or video requests (TTFB 1110 ms, load delay 352 ms, load duration 181 ms, render delay 241 ms) versus 2.2s for 500 KB to 3 MB of audio/video media.

Across the four LCP sub-parts in Chrome's field data, the largest gap between no audio or video requests and 500 KB to 3 MB of audio/video media sits in time to first byte (TTFB): 1110 ms median for no audio or video requests against 1249 ms for 500 KB to 3 MB of audio/video media. Overall median field LCP is 1.9s for no audio or video requests (TTFB 1110 ms, load delay 352 ms, load duration 181 ms, render delay 241 ms) versus 2.2s for 500 KB to 3 MB of audio/video media.

jQuery sets the audio and video payload to no audio or video requests on 88% of its sites, and 69% of jQuery sites have a good LCP, against 70% of all sites.

jQuery sets the audio and video payload to no audio or video requests on 88% of its sites, and 97% of jQuery sites have a good INP, against 97% of all sites.

FrameworkAudio and video payload on its sitesGood LCP

All WordPress sites 63,295 sitesNo audio/video media 88%70%

Alpine 380 sitesNo audio/video media 78%Light media (under 500 KB) 17%78%

jQuery 60,314 sitesNo audio/video media 88%69%

Vue 4,844 sitesNo audio/video media 84%Light media (under 500 KB) 11%67%

React 2,233 sitesNo audio/video media 85%Light media (under 500 KB) 11%63%

No audio/video media Light media (under 500 KB) Heavy media (over 3 MB) Medium media (500 KB to 3 MB)

Does the framework explain the audio and video payload difference?

On jQuery, 69% of sites with no audio or video requests audio and video payload have a good LCP, against 62% of jQuery sites with under 500 KB of audio/video media. Within jQuery, sites with no audio or video requests have a good LCP more often. On Vue, 69% of sites with no audio or video requests audio and video payload have a good LCP, against 57% of Vue sites with under 500 KB of audio/video media. Within Vue, sites with no audio or video requests have a good LCP more often.

On jQuery, 97% of sites with no audio or video requests audio and video payload have a good INP, against 96% of jQuery sites with under 500 KB of audio/video media. Within jQuery, sites with no audio or video requests have a good INP more often. On Vue, 96% of sites with no audio or video requests audio and video payload have a good INP, against 94% of Vue sites with under 500 KB of audio/video media. Within Vue, sites with no audio or video requests and under 500 KB of audio/video media have a good INP about equally often.

How autoplaying video streams saturate initial bandwidth

When a <video> tag loads without preload="none" or an optimized poster image, the browser fetches megabytes of video segments concurrently with critical stylesheets and hero assets. Across 55,611 sites (87.9%) with no initial media requests, 71% pass field LCP at a 1.9s median, versus 63% (2.1s median) under 500 KB and 63% (2.1s median) above 3 MB.