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 under 500 KB of audio/video media media payload have it least often, at 64%.

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

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 under 500 KB of audio/video media sits in time to first byte (TTFB): 1121 ms median for no audio or video requests against 1183 ms for under 500 KB of audio/video media. Overall median field LCP is 1.9s for no audio or video requests (TTFB 1121 ms, load delay 338 ms, load duration 165 ms, render delay 234 ms) versus 2.1s for under 500 KB 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 under 500 KB of audio/video media sits in time to first byte (TTFB): 1121 ms median for no audio or video requests against 1183 ms for under 500 KB of audio/video media. Overall median field LCP is 1.9s for no audio or video requests (TTFB 1121 ms, load delay 338 ms, load duration 165 ms, render delay 234 ms) versus 2.1s for under 500 KB 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 98% of jQuery sites have a good INP, against 98% 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%80%

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

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

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

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, 70% of sites with no audio or video requests audio and video payload have a good LCP, against 64% 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 61% 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, 98% of sites with no audio or video requests audio and video payload have a good INP, against 98% of jQuery sites with under 500 KB of audio/video media. Within jQuery, sites with no audio or video requests and under 500 KB of audio/video media have a good INP about equally often. On Vue, 97% of sites with no audio or video requests audio and video payload have a good INP, against 96% 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 64% (2.1s median) under 500 KB and 65% (2.1s median) above 3 MB.