In this guide you will find information about:
Once you have the minify plugin enabled, load up the page with your video and play it to see, if anything comes up and if your videos still play.
Also note that these optimizations apply to any plugin, not just to FV Player. In some cases a single bad actor can break your whole site optimization. So make sure to check your browser console carefully.
While compression reduces size of your files, thus makes them faster to download, combining all the JS files and all the CSS files together means they can’t download in parallel and it might not actually improve your page speed at all.
Nonetheless, it’s still a great first step in optimizing your site. You can take a look at our list of recommended minify plugins and pick your favorite. But make sure that you check your website in Google PageSpeed Insights tool before and after these changes, to see, if it improved your site’s performance. You should be able to improve your score and tick off the following optimizations:
- Minify CSS
To optimize your site further make sure to use:
- critical CSS with rest of the CSS files loading asynchronously
- deferred JS load
That way, the page can start drawing without having to rely on additional files, which is something the Google PageSpeed values the most. However, it changes its scoring mechanism over time, so this is a moving target.
Update: PageSpeed scoring has been adjusted and the scripts in footer are no longer reported as render-blocking. Since FV Player already puts its scripts into footer, it makes your site optimization easier.
What to use
If you use it, you have to make sure, that these options in Settings -> Autoptimize are set as following:
- Also aggregate inline JS – off
- We recommend adding jquery.js into “Exclude scripts from Autoptimize”
- Do not use “Remove query strings from static resources”, here’s why: How to use WordPress with CDN
Flying Scripts also uses lazy loading for the inline scripts created using wp_localize_script(). It’s the core WordPress APIs to configure various scripts. Including FV Player in that optimization breaks its functioning. We also don’t see what’s the point of such optimization as it’s not saving much on the total size of the page and it’s not lowering the amount of the requests either.
Google PageSpeed Module
This is not a WordPress plugins, but a web server module, so you might need your own server or a VPS to use it. It did not cause any issues with FV Player in our test.
This plugin does not process the scripts added after the HTML head has been outputted. FV Player loads the scripts in footer and only if they were actually needed on the page.
WP Fastest Cache
FV Player works fine with this plugin, however, to really optimize it you need the Premium version.
That way you can enable “Combine Js Plus” (to combine JS files in footer) and “Render Blocking Js” (to defer the JS loading). We haven’t got the chance to test the Premium version though.
It also caches your page HTML code, so your website can sustain peak traffic without taking your server down.
This is a paid caching plugin which does a lot of things well. It works with FV Player perfectly.
WP Rocket is primarily a cache plugins, It speeds up your website to sustain peak traffic without the need to take your server down.
If you are using WP Rocket’s new Remove Unused CSS feature, these FV Player items will be automatically added to the CSS Safelist in WP Rocket-> Settings -> File Optimization -> CSS Files to ensure full compatibility:
/wp-content/fv-flowplayer-custom/style-* /wp-content/plugins/fv-wordpress-flowplayer* /wp-content/plugins/fv-player-*
However, these items will not be visible in the Safelist.
W3 Total Cache
We don’t recommend this plugin, as it is too much work. Check our post in support forums for details.