-
Hi,
In my websites FV player loads really late, sometimes it takes up to 5 seconds and it causes the users leave the post.As I can see you your demos they almost load instantly, but in my website I wait 2-3 seconds for FV player play button. Speed of my website is above the average.
You can check an example here:
https://ailevecocuk.net/cocuklariniza-bu-soruyu-her-gun-mutlaka-sorun/
I will be glad if you ould help me increase the performance of Fv Player,
Best Regards,
Capan Dogan
-
-
Hello Çapan,
are you noticing the same issue when you disable all the ad codes? Perhaps some ad code is loading it a way which prevents the footer JavaScript from executing.
Thanks,
MartinHello Çapan,
couple more notes – the reason why FV Player loads its scripts in footer is that it’s the best practice (both for HTML structure and site speed), along with setting the scripts to load deferred.
We also only load the parts which are needed. So if your page doesn’t contain and HLS video, we won’t load the HLS.js library, if no popups are used we won’t load their configuration and so on.
So we could set FV Player to load in header, but that way we would have to load HLS.js and all the popups all the time. That way FV Player would init faster on your website, but at the same time loading our scripts in header would slow down the initial page render time.
The solution to that is to use deferred loading. Which might even help with your ad codes which brings us back to where we started – ideally all the scripts should be placed in footer and deferred.
If your ad codes don’t work with deferred loading it’s time to replace them with something else.
I also see you are using Cloudflare’s Rocket loader which might be actually making the situation worse. I would say it’s worth checking how fast FV Player is loaded when that is disabled.
I also see we wait for the document to finish loading before initializing FV Player. Perhaps we can improve that to load players as soon as possible and then check if there are any new players when the document has finished loading.
Thanks,
MartinHello Çapan,
could you please reinstall FV Player from this link? https://github.com/foliovision/fv-wordpress-flowplayer/archive/10883839-init-speed.zip To do that you will have to first deactivate and delete the current FV Player plugin you are using. WordPress will warn you that you might loose settings and data, but it’s not the case with our plugin, no settings now videos will be lost. Or you can just replace the plugin files via FTP.
Once done you can check your browser console when you load https://ailevecocuk.net/cocuklariniza-bu-soruyu-her-gun-mutlaka-sorun/ and you should see some time values, like:
FV Player: Time to load: 6510.8000000000175
FV Player: Previously I would load at: 6613.600000000588
FV Player: Loading at: 7272.499999999127Then please disable Cloudflare Rocket loader and test again to see how did these times change.
Thanks,
MartinHi Martin,
Thanks a lot for the explanations,
I did as you explained and now I see that it loads quicker, just in 1-2 seconds.
Thanks a lot,
Best regards,
Capan Dogan
Hello Çapan,
I think that Cloudflare Rocket loader essentially stops the JavaScript loading and only loads it once the website has finished displaying. It’s not a bad idea, but since your ad units are somehow not catched by Rocket loader, it’s doing exactly the opposite.
How to improve FV Player to handle these situations better is a question. We can improve it to work better on websites without special optimizations, but then the properly optimized websites might suffer a bit. So we could have two modes, which in turn increases complexity of our plugin and makes it more fragile.
Thanks,
Martin
