How am I able to embed YouTube videos on my WordPress website and still get a 99 page load score?
If you want to speed up your WordPress website and you’re embedding YouTube videos anywhere on it, this plugin I’m about to show you, “WP YouTube Lyte” is really helpful.
Faster YouTube Video Embeds on WordPress WITHOUT Editing Code, Pages, or Posts with WP YouTube Lyte!
If you will enjoy reading and contributing to the discussion for this post, will you please join us on the YouTube video above and leave a comment there because I read and respond to most comments on YouTube?
If you find anything helpful in this video or funny, will you please leave a like because you will feel great helping other people find it?
You can take the full course named “My WordPress Course for a Fast Ecommerce Website with Kinsta, Astra, WooCommerce, and LearnDash” at https://jerrybanfield.com/courses/wordpress/
I didn’t realize how much YouTube videos were slowing down my website and the more your website loads slow, the harder it is to rank higher in Google search, and the worst user experience people have. I was just wasting my time even putting posts up on my website until I fixed this.
Let me show you a test I did that helps make this clear with more data.
I tried the exact same page with this plugin on, and it loads at a 92 on mobile, and 98 on desktop in Google page speed insights.
I then turned the plugin off.
It goes down to 65 on mobile and it is still 98 on desktop.
However, what you’ll notice is that the page is way bigger on desktop with the plugin off.
The plugin on the page is only 212 kilobytes.
If you’re loading a page on your website, you want them as small as possible because this helps the browser load them faster, and especially if you’ve got global traffic like me, people from India, Pakistan, Bangladesh, trying to load up your website. You really need to have small pages, especially for those mobile devices and what you can see is putting a YouTube video on a page bloats the size of it up massively.
I’ve worked really hard to optimize my WordPress website and look at that. Look how much bigger it is when you put a YouTube video on it.
What I’ve done is I’ve installed this plugin, “WP YouTube Lyte“
What this plugin does, it turns the YouTube video embed, which normally as you can see is a half megabyte to put the video on the page, which is twice as big as my entire webpage by itself.
What this does, this turns the YouTube video into a simple image thumbnail with a clickable button.
As I’ll show you, here’s how it actually looks with the exact post I tested.
When the plugin is not enabled, it looks like this.
This is a normal YouTube embed and you’ll see the video up here with all these different options on it.
When the YouTube video is embedded correctly with the plugin, it looks like this, and with the plugin on, all it has is this little button, which is essentially a fake play button in terms of a YouTube embed. It’s a real button, but it’s not an actual YouTube play button.
It’s just an image with a button on it, then when you click it, it actually pulls the YouTube video onto the website.
The advantage of this is it loads so much faster that a user who doesn’t want to watch the video can quickly look through the post and someone who does watch the video, I don’t imagine we’ll have a big problem clicking a second time on it.
By default, when you put YouTube videos on pages, it has a much bigger bulkier player as I’ll show you on this old post of mine where the plugin is turned off because it was used with an old embed. This old player has all these extra options on it, which are nice to have, but it’s not worth slowing the website down.
Let’s show you what makes this plugin outstanding in terms of the options.
What makes this plugging outstanding is literally all you need to do is put the plugin on your website and it will handle most videos at least as they’re embedded with simple YouTube links.
What I’ve had some problems with is putting this on.
If they’re not embedded in the block editor or the code is in an unexpected way, for example, it fits in an eye frame or just in a YouTube share link and it was embedded that way, sometimes the plugin is not loading those correctly.
On those videos, I’ve turned it off and that’s why you can see on this older blog post, this is a normal heavy YouTube embed, and then on all my newer posts, it has this on it.
What I like is this plugin is a really fast solution.
Now, it may not work on every website, but it’s currently on 20,000 websites. It’s consistently updated and that means there are good odds on it working.
What’s nice is this plugin is really quick to apply.
Some of the other solutions to get your YouTube videos that I saw, like I just watched a video from a very well-established WordPress speeding-up website, and what they show it would be really time consuming to go back through and fix that on all your different pages.
What’s nice, you just put this plug in directly on your website and it will go through your videos. For me, it did correctly most of the YouTube videos on my website, and then all I did is turn this option off, so that it doesn’t go in and mess with those other embeds.
The reason it loads so fast, it is also able to cache the thumbnails locally. What it does is take the YouTube thumbnail straight from YouTube, puts it directly on my website. In that way, when someone actually loads a page on my website, there’s no request to YouTube.
There’s no request to YouTube, which keeps the website loading super fast, and helps it load much faster in search results.
As you saw before, if you make a request to YouTube, the exact same page without this plugin, it’s a big huge blow from Google embedding, and Google is so obsessed with speed, you’d think they’d fix this.
There is also an option where you can put an API key, which will add information to the video to help it have more of the metadata on it. I don’t bother with that.
You can choose the player size.
You can also add a link below the embedded video.
This can be helpful if for some reason it goes wrong or you just do want people to go directly over and watch on YouTube.
I think I’ll actually put that link back on to help people if they want to [get over to YouTube,]() and make sure they can see that.
I might need to refresh the cache, clear the cache on my website, and then refresh it, and now it’s got a little link below the video to watch this video on YouTube, which is nice because if someone clicks that, it directly jumps over to YouTube on the video.
For example, if I click that, it opens it up in a nice new window and someone can watch the video on.
Ultimately I want people to watch my videos who are on my website and who are on my YouTube channel to go back and watch my videos, and this makes it ideal to not slow the page down and to keep people watching.
There’s also an option where you can put some text under every video and if you’ve got some issues with thumbnails caching or you have some issues on YouTube, you can check this option and click “Save changes,” and it will clear the cache.
You can also move the player around, change the player size, and this is something I discovered by one of my partners who had a similar setup on his website, and it was loading super fast, but I didn’t want to go through and manually edit in the page editor because I’ve got almost a thousand blog posts on my website.
I’m so grateful for this plugin. It’s very easy to install. You just go to your plugins and install it.
It is totally free and there might be some upgrade options, but I haven’t used it.
It’s totally free. Just put the plugin on and it’ll work and shrink the size down of your website, and you’ll thank me later.
You can continue learning with us in the full class today “My WordPress Course for a Fast Ecommerce Website with Kinsta, Astra, WooCommerce, and LearnDash” at https://jerrybanfield.com/courses/wordpress/
Thank you very much for watching this.
I love you, you’re awesome.
I hope this has been helpful.
Edits from video transcript by Michel Gerard at www.michelgerardonline.com.