Google Pagespeed Insights downloading all video sources with different formats (Avoid enormous network payloads)

[masiorama]

Provide the steps to reproduce

1. Run https://developers.google.com/speed/pagespeed/insights/ on https://www.masiorama.it

Inside the page there is something like:

<video loop autoplay muted>
        <source src="[path]_720.mp4" type="video/mp4" media="all and (max-width: 767px)">
	<source src="[path]_720.webm" type="video/webm" media="all and (max-width: 767px)">
	<source src="[path]_720.ogv" type="video/ogg">
	<source src="[path]_FHD.mp4" type="video/mp4">
	<source src="[path]_FHD.webm" type="video/webm">
	<source src="[path]_FHD.ogv" type="video/ogg">
</video>

What is the current behavior?

It downloads all the video sources formats and it triggers the "Avoid enormous network payloads" recommendation.
https://prnt.sc/uflmrm

What is the expected behavior?

It should skip all formats except for one.
There should be no "Avoid enormous network payloads" message, unless needed.

Related issues
#8847

Googlers: b/202070447

[wittich]

Same here, seems like the issue appears only in the online version of Lighthouse. The Chrome extension works correctly.

online version: 6.3.0 
chrome version: 6.4.0

[wittich]

@paulirish any status of this issue? Is there a way to help to debug it?

[geeworthington]

Any news on this issue at all? still experiencing it

[masiorama]

I confirm this is still an issue.

[mike-at-redspace]

Any updates on this issue? Can confirm the same issue with mp4/webm

[bndrgroup]

+1 on this. https://ibb.co/6H6VpbF - reference https://myneral-labs.pages.dev

[connorjclark]

Sharing some details from our internal bug tracker: PSI/LR doesn't have many common video codecs, so the behavior when it comes across them is to fail loading and (if using source elements) try the next until one succeeds. If all fail, I believe Failed to load resource: net::ERR_CONNECTION_FAILED occurs.

[MarioAda]

+1. Any page with a video with multiple sources will get "Avoid enormous network payloads" and a terrible score.

[nhoizey]

We also have the issue on https://belambra.fr

Lighthouse is reporting the double WebM + MP4 download, which a real browser doesn't.

[abooo96]

+1. Any page with a video will get "Avoid enormous network payloads" and a terrible score.