Youtube videos

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Youtube videos

Post by Lasa »

Hi,
I have two youtube video on my home page under the fold... I have them set for lazy load so that in theory they don't slowdown the page load since they are under the fold (?).. but they seem to be a have heavy toll on the load time regardless... any ideas?
Lasa
wwonderfull
 
 
Posts: 1255
Joined: Fri Aug 21, 2020 8:27 am

Re: Youtube videos

Post by wwonderfull »

The video should not preload so disable that checkbox and see if the page loads faster.
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Youtube videos

Post by Pablo »

Note that Lazy load is a standard browser functionality. Whether or not it works, depends on the browser.
For example, in FireFox it currently only works for images.
https://caniuse.com/loading-lazy-attr
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

Thank you both!
Lasa
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

Still having issues with youtube js's hogging the lion share on the download time...
Not so much on the desktop numbers seem ok, but killing the mobile.
I tried checking: lazy load and unchecking both are hogs. Granted the lazyload seems to do better.
Anybody have other ideas?
Lasa
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Youtube videos

Post by crispy68 »

I think it is what it is. You don't have any control over youtube videos and lazy loading is the best option. If they are large videos they are going to take some time to load at some point.
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

I know you're right.
I just imagen that there is a way to put up an image of the video (with play button and all) that when you click it, it call the video to load.
I don't have a clue of what I'm saying.
Thanks,
Lasa
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Youtube videos

Post by Pablo »

This is possible via the 'lightbox' option.
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

Thanks
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

Wow...just for the record, the site I'm working on:
google pagespeed scores:
Without the 2 youtube videos, scores 92 mobile - 94 desktop.
with the 2 youtube videos, scores 47 mobile - 87 desktop
My other none youtube showing sites all show 90's + for both mobile/desktop

I know these download numbers are subjective and can't be the end all of website building...
But it is a pretty much a wow to me.
Lasa
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

I know I'm beating a dead horse but now I'm abscessed with it.

Has anybody got improved pageload speed with the default lazyload option enabled?
I do not think the lazy load option is actually working? If I check or uncheck the youtube lazyload option, I get the exact same results?

Both Chrome and Firefox have it loading way before it show on any screen or clicked, slowing the load down substantially.
If I remove the videos my pageload speed goes into the 90's on both mobile and desktop.
Otherwise in the 40-50's mobile, 70-80 for desktop with the youtube videos.
I've tried a ton of youtube lazyload codes but can't seem to get them to work load...that more about my total lack of coding skills then the codes themselves.
Any help
Lasa
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Youtube videos

Post by Pablo »

This is unrelated to WWB. It's just an option you can enable. the logic in implemented in the browser.

To learn more about how lazyload works please see:
https://web.dev/lazy-loading/
https://addyosmani.com/blog/better-imag ... in-chrome/
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

Thanks, I've looked at your links and a few zillion more, but it's all gibberish to me. I wish I understood it better.
I understand it's unrelated to WWB and that the lazy load is another of a long list of options... might or might not work.
I'll keep digging, eventually I will figure it out...always open to suggestions.
Cheers,
Lasa
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

I found something called vanilla-lazyload that does the trick no load what-so-ever on the pageload.
but since i do not know what I'm doing I can't seem to make it responsive... probably with error, etc.;
http://threefooter.com/tradefair2023/

But, maybe others here can figure it out..the instructions are here:
https://ourcodeworld.com/articles/read/ ... mbed-video
Cheers
Lasa
Last edited by Lasa on Sun May 29, 2022 6:57 pm, edited 1 time in total.
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: Youtube videos

Post by alan_sh »

Does lazy loading work with videos?

Alan
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

The WWB Youtube tool has an option for lazyload... but it doesn't seem to work for me, maybe it does for others.
But when I tried vanilla-lazyload on the youtube links it definitely worked! I kind-of got it to work on my sample site,(not responsive for some reason) I know it's not right yet but I'm just going by trial and error... lot's or error, lol
Lasa
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Youtube videos

Post by Pablo »

Lazy load is not an option of WWB, it's an HTML option.
Whether of not it works deepness on the implementation int he browser. WWB has no control over it. It just adds the option to the HTML code.
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

I meant there was an option "listed" in the youtube tool/general which I now know is not part of WWB, my bad.
Still looking for a way to "lazy load" a youtube video... will report it when I figure it out...getting closer :D
Cheers,
Lasa
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Youtube videos

Post by Lasa »

Was able to use a on-click lazyload called lazyYT... what it does is it uses a small js file that shows an image that needs to be clicked to activate the youtube to download...so the delay is at the click time not page load. It helps get crazy good Google pageload numbers since youtube js's don't get loaded until clicked.
I'm not sure I will keep it but I like that it doesn't slow down the load speed but then again it loads the video a tad slower...
We'll see it's interesting.
http://exportimporttradeshow.com/
Thanks Pablo,
Cheers,
Lasa
Post Reply