ELEX-Optimize-YouTube-Embedded-Videos-WordPress-Site

How to Optimize YouTube Videos embedded in WordPress website?

This article helps you to improve your page speed if you are embedding YouTube videos on your WordPress website. Refer to this article for many more tips to optimize WordPress website.

How to Optimize YouTube videos?

YouTube embedded videos slow down web page load times. The page load time is an important factor for a web page to improves the user experience.

The Optimize YouTube Video Embed WordPress plugin provides an easy solution to improve the web page speed. The plugin avoids loading YouTube player each time your web page loads which impact performance. Using the shortcode provided by this plugin, a banner image with play button will be displayed instead of the YouTube video inline frame. As a result, it improves the page load time. YouTube video will be loaded only after clicking on the play button of the banner image.

Steps to Install the plugin:

  1. Download the Optimize YouTube Video Embed WordPress plugin.
  2. Log in as the WordPress Admin of your online store.
  3. Navigate to PluginsAdd New to upload the downloaded ZIP file of the plugin.
  4. Activate the plugin.

Adding the Shortcode Pattern in WordPress Blog/WooCommerce Product Page

After installing the plugin, you must add the shortcode pattern (discussed with examples below) in WordPress blog/WooCommerce Product Page.

Example 1: Video With YouTube Embed Link and Custom Banner

Shortcode:

[eh_optimize_youtube_embed video="https://youtu.be/KFvveeBVgyk" banner="https://demo02.cydlab.com/wp-content/uploads/2018/10/How-To-Use-ELEX-WooCommerce-Bulk-Edit-Plugin-Video-Thumbnail.png"]

Note: Replace the video link and banner URL with your own respective links, when pasting to your website.

The play button with banner appears as shown in the screenshot below.

Optimize YouTube Embed Videos WordPress Plugin | Play button with Banner

Play button with Banner

Example 2: With a Normal YouTube watch link and no banner (a default banner will be displayed)

Shortcode:

[eh_optimize_youtube_embed video="https://youtu.be/KFvveeBVgyk"]

The play button with default banner appears as shown below:

Optimize YouTube Embed Videos WordPress Plugin | Play button without Banner

Play button without Banner

Now let’s check the performance of the site with/without the Optimize YouTube Video Embed WordPress plugin.

Performance of  the site without the Optimize YouTube Video Embed WordPress plugin

If the Optimize YouTube Video Embed WordPress plugin is not activated on your website, then the website takes more time (compare to with the plugin) to load as the inline YouTube video.

The sample inline frame for YouTube video is added as shown below:

Optimize YouTube Embed Videos WordPress Plugin | Original YouTube Embed Link

Original YouTube Embed Link

The analysis of the website is as shown in the below screenshot.

Optimize YouTube Embed Videos WordPress Plugin | Default Page Load Time

Default Page Load Time

Performance of the site with the Optimize YouTube Video Embed WordPress plugin

If the Optimize YouTube Video Embed WordPress plugin is activated on your website, then the website gets loaded faster (compare to without the plugin) as YouTube video does not get loaded unless you press the play button.

The same sample video is added by including the Shortcode Pattern as shown in the screenshot below.

Optimize YouTube Embed Videos WordPress Plugin | Custom YouTube Embed Link

Custom YouTube Embed Link

The analysis of the website with the plugin is as shown in the below screenshot.

Optimize YouTube Embed Videos WordPress Plugin | Optimized Page Load Time

Optimized Page Load Time

 

This way, the plugin provides a very simple option to improve the speed of web page with YouTube video.

Go ahead and Download the Plugin now!

 


Explore our blog section for more articles.

You can also check out WordPress and WooCommerce plugins in ELEX.

    Leave a Reply