Optimizing youtube embeds in Webflow for SEO (i.e. Add lite youtube embed (JS-deliver) to site)

Has anyone had any experience optimizing youtube embeds for their webflow site?

Our SEO team mentioned installing an npm package referencing GitHub - paulirish/lite-youtube-embed: A faster youtube embed.

Based on research this installing npms doesnt look possible in webflow.

Any suggestions on any workarounds or other solutions on optimizing youtube embeds in webflow with a focus on SEO performance?

I have used GSAP scrolltrigger to only play videos when they are in view which keeps them from loading when they are not. This works well if you have multiple videos on the same page. You could also take a queue from Vimeo and YouTube and handle video launching via a lightbox. Keeps the page nice and lean and lets the user open a video to view using a trigger.

1 Like

Thanks for the suggestions Jeff.

The video is in the initial viewport so i really think our main recommendation would be actually moving it from above the fold, a scroll trigger could then work well in that instance.

I do like the idea of the lightbox too just in terms of the user experience, particularly on mobile.