Video Embeding Slow down page score by alot

Community resources Product feedback
1

I am not sure if i am in the good category but i want to know what can i do regarding video embed because every video embed via the webflow plu drop my pagespeedinsigh score by 15 to 20 pts only on Mobile. on desktop my score is still around 100

Exemple: https://vimeo-test-2c02a9.webflow.io/

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fvimeo-test-2c02a9.webflow.io%2F

1 Like
2

It’s still a problem 2025. I’ve several videos on one page collected from CMS. The Webflow editor as well as the browser becomes extremely slow. I would ges the video widget is consuming a lot of memory. At least it is a bad build all together.

3

Try:

Use custom code and lazyload iframes.

image
image800Ă—361 82 KB

One minute implementation.

LazySizes is a popular JavaScript library for lazy loading images and iframes.

2.1: Step One: Under your page setting add the library CDN:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" async=""></script>

Related: Webflow custom code in head and body tag

2.2: Step Two: Put youtube link as embed code

  1. Change the src to data-src

  2. Add class “lazyload” to iframe.

image
image449Ă—367 72.1 KB