Can you use multiple videos without sacrificing load times?

[MattWatts]

We're using a lot of videos on our new website (www.4com.co.uk), but our immediate discovery has been that this has a negative impact on load times. We use a third party (Vidyard) to host our videos but we also tried YouTube and didn't see any difference.

I was wondering if there's a way of using multiple videos without seeing this load speed issue or whether we just need to go with a different approach.

Thanks all, appreciate any guidance!

Matt

[seoman10]

I'm very doubtful hosting the video off-site would have much effect on the site speed especially YouTube, Personally I use Wistia mainly due to the level of analytics that they provide.  The only time this may be an issue if you have a quantity on a single page, in that case I would try and split it onto several different pages by means of categories or something.

To me it sounds like there may be a programming problem.

The other thing is it may not be the videos that is slowing the site down.

Just a few thoughts don't know if it helps.

[BlueprintMarketing]

I use Wistia as well and recommend them I do not recommend using their plug-in

You can defer loading of the video and make it so that the site very quickly and is almost not affected at all.

• https://varvy.com/pagespeed/defer-videos.html
• https://varvy.com/pagespeed/defer-many-javascripts.html
• USE  this to get JavaScript queries https://varvy.com/tools/js/
• This for an overall https://varvy.com/pagespeed/ test
• **Best practices **https://kinsta.com/learn/page-speed/
• https://varvy.com/pagespeed/defer-loading-javascript.html
• https://varvy.com/pagespeed/critical-render-path.html

How to defer videos

To do this we need to markup our embed code and add a small and extremely simple javascript. I will show the method I actually used for this page.

The html

<iframe width="560" height="315" src="" data-src="//www.youtube.com/embed/OMOVFvcNfvE" frameborder="0" allowfullscreen=""></iframe>

In the above code I took the embed video code from Youtube and made two small changes. The first change is that I made the "src" empty by removing the url from it as below.

src=""

The second change I made is I put the url I cut from "src" and added it to "data-src".

data-src="//www.youtube.com/embed/OMOVFvcNfvE"

The javascript

Script to call external javascript file

This code should be placed in your HTML just before the tag (near the bottom of your HTML file). So "**defer.js" is **the name of the external JS file.

I hope this helps, Tom

[MattWatts]

Thank you very much for that, my guys are having a look into both Wistia and also if/how we can defer videos using either Vidyard or YouTube.

Thanks again,

Matt