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: 76%, against 76% of all WordPress sites. Sites with 500 KB to 3 MB of audio/video media media payload have it least often, at 71%.

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

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): 999 ms median for no audio or video requests against 1095 ms for 500 KB to 3 MB of audio/video media. Overall median field LCP is 1.7s for no audio or video requests (TTFB 999 ms, load delay 288 ms, load duration 127 ms, render delay 218 ms) versus 1.8s 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): 999 ms median for no audio or video requests against 1095 ms for 500 KB to 3 MB of audio/video media. Overall median field LCP is 1.7s for no audio or video requests (TTFB 999 ms, load delay 288 ms, load duration 127 ms, render delay 218 ms) versus 1.8s 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 75% of jQuery sites have a good LCP, against 76% of all sites.

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

FrameworkAudio and video payload on its sitesGood LCP

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

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

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

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

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

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, 76% of sites with no audio or video requests audio and video payload have a good LCP, against 73% 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 LCP about equally often. On Vue, 76% of sites with no audio or video requests audio and video payload have a good LCP, against 70% 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 LCP about equally often.

On jQuery, 100% of sites with 500 KB to 3 MB of audio/video media audio and video payload have a good INP, against 100% of jQuery sites with no audio or video requests. Within jQuery, sites with 500 KB to 3 MB of audio/video media and no audio or video requests have a good INP about equally often. On Vue, 100% of sites with no audio or video requests audio and video payload have a good INP, against 99% 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, 76% pass field LCP at a 1.7s median, versus 73% (1.9s median) under 500 KB and 76% (1.8s median) above 3 MB.