Youtube video slowing down page

Ask the community
, ,
1

Question:
Hi I want to build a news style site with lots of video content from youtube embedded but everything seems to go super slow as soon as I have more than a few videos. Is there anything I can do to speed the page loading up?
Thanks

Product:
Wix Editor

What are you trying to achieve:
I want a news page that loads up fast even if I have to use 3rd party app to do it

What have you already tried:
Looked in help, read articles and watched some videos but no luck

Additional information:
[Include any other pertinent details or information that might be helpful for people to know when trying to answer your question.]

2

Hi, @user5012 !!

I haven’t tried it yet, so I’m not sure if it will be effective, but how about creating a setup where only thumbnail images are displayed initially, and the videos are loaded when the images are clicked? You could implement this using a repeater, for example. :grin:

By the way, it seems that YouTube thumbnail images can be retrieved using URLs like this: http://img.youtube.com/vi/YOUTUBE_VIDEO_ID/hqdefault.jpg.

1 Like
3

Awesome suggestion . Thanks so much

4

I’d like to try it myself someday, so please let me know if it works! :wink:

5

Hi,

It sounds like you’re running into performance issues with YouTube video embeds, which can be a common challenge when you have a lot of content on a page. Here are a few tips and strategies to improve your page speed when embedding YouTube videos:

  1. Lazy Load YouTube Videos
    One of the best ways to handle this is by lazy loading your YouTube embeds. This means the videos won’t load until the user scrolls down to them. Wix automatically lazy loads images and some content, but for videos, you might need to use custom code or a third-party app.

$w.onReady(function () {
// Select the video iframe or container for lazy loading
$w(“#videoContainer”).onViewportEnter(() => {
$w(“#youtubeEmbed”).src = “YouTube”; // Set your YouTube embed URL here
});
});

Note: This code will ensure that your videos are only loaded when they are about to be seen by the user.

Alternate, You could also try the Website Speedy app from the Wix App Market. This app is designed to help optimize images and media files, and it automatically tweaks your page’s load speed, including video performance.

Link to Website Speedy: Website Speedy - load faster | Wix App Market | Wix.com