How To Optimize YouTube Video Embeds On WordPress - Killing Your Website Speed

Подписаться 249 тыс.

Просмотров 27 тыс.

50% 1

In this WordPress tutorial, I'll show you how to improve the page speed performance if you are using RU-vid video embeds on your website.
Did you know that having a RU-vid video on your website slows down the page load.
RU-vid videos embeds automatically load the RU-vid video player on each page load and it destroys your load speed.
Here is a quick and simple fix.
EXCLUSIVE WORDPRESS DEALS 2023
🟡 SureCart -- www.wpcrafter.com/surecart (SAVE 50% Auto Applied)
🟡 SureMembers -- www.wpcrafter.com/suremembers (SAVE 50% Auto Applied)
🟡 Presto Player -- www.wpcrafter.com/prestoplayer (SAVE 33% Auto Applied)
🟡 Astra Theme -- www.wpcrafter.com/astra (SAVE 10% Coupon WPCRAFTER)
🟡 CartFlows -- www.wpcrafter.com/cartflows (SAVE 40% Auto Applied)
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 BuddyBoss -- www.wpcrafter.com/buddyboss (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Spectra -- www.wpcrafter.com/spectra
🟡 Elementor -- www.wpcrafter.com/elementor
🟡 Beaver Builder -- www.wpcrafter.com/beaverbuilder
🟡 Divi -- www.wpcrafter.com/divi (SAVE 20%)
BEST WORDPRESS HOSTING
🟡 Full List -- www.wpcrafter.com/hosting
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 Hostinger -- www.wpcrafter.com/hostinger (SAVE 75%)
🟡 NameHero -- www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround -- www.wpcrafter.com/siteground (SAVE 70%)
CONTACT WPCRAFTER
☑ Website -- www.wpcrafter.com
☑ Facebook Group -- / wpcrafter
☑ Twitter -- / wpcrafter
☑ Twitter -- / adampreiser
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link.

Хобби

Опубликовано:

10 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 164

@wpglob-wordpresstutorials 2 года назад

I have encountered this issue and your tutorial helped me a lot. Thank you, Adam. Keep up your good job.

@TheRapidGamer 3 года назад

On my ecommerce site I use RU-vid videos from the manufacturer on certain custom built product pages. Thought I would give this a try to see what happens and it doubled my PageSpeed Insight score on both desktop and mobile and cut around 1.2 seconds off the speed index. This is with the FREE version of the plugin, so this is absolutely fantastic and I'll be keeping it installed! My only improvement request would be an option to show the RU-vid video title before play is clicked, but this is not the end of the world as I can add a title above the player.

@catsngadgets 2 месяца назад

Wow! You're plugin is AWESOME! I just decreased my page load from nearly 7s to under 2s. Amazing! Thank you!

@monicadalmazzo364 Год назад

You saved my life so much with this video. Thank you so much. Keep the good work!

@anainmazatlan 3 года назад

This is perfect timing for me, Adam! I’m creating a RU-vid videos directory (private site) for my favourite videos as RU-vid has no way for me to search or make notes on my favourite playlist collections. Thanks for creating this useful plugin!

@ArtStorey1 2 года назад

Awesome plugin bro! Best of luck with pro sales and all. Thanks so much!

@unmiss-com 3 года назад

Page loading speed matters a lot, thanks for sharing your tips.

@sleepy-folklore Год назад

Amazin. Well done. I couldn't find the integration tab - well I could but that was blank. A minor point. Great free plugin.

@travelwithwes 2 месяца назад

Great video and awesome plugin - thanks so much for creating this!!

@fredfabrega1664 3 года назад

Great ! Can't wait to try it on Slider Revolution and Wp Bakery. Will give you feedback

@pebblebowl9214 Год назад

Nice job! Does exactly what you described it would do. Thanks.

@QuranRecitations360 Год назад

Man I love it

@QuranRecitations360 Год назад

I just want to know is there any way "Reduce unused JavaScript" error on mobile loading beacuse it's killing 12s on loading. but with your plugin it's much better it was 58 second before your plugin on mobile Thank You So Much ❤

@AxtonPark 4 месяца назад

Liked, subscribed, and hit that bell! And will purchase the Pro Version. You are my hero! Thank you! 👊🏽👍🏽🙏🏽

@danky1982 2 года назад

Thank you for that, is incredible how much it reduce the JS, techie or not techie this is a very very helpful tool

@pregnancyandbirth 2 года назад

Adam, you are the best Thank you so much!

@dragonconsulting Год назад

Looks neat. Will definitely try it out.

@rafaelleto152 8 месяцев назад

Thank you so much! Helped me tons

@Recipesaresimple 2 года назад

Hi. What if I have a website which embeds videos from two different channels across the posts? How do I enter the channel id in that case?

@jcarlin596 3 года назад

Great tool. Thanks for sharing

@TaylorTStocks Год назад

50 to 79 performance! you're a champ.

@mohsinshakeel6482 3 года назад

THANKS SO MUCH. THE BEST PART IS ITS USING DYNAMIC FEATURES OF PAGEBUILDERS

@mattsayle 10 месяцев назад

Earned a sub, thank you sir.

@GinaAnagnostopoulou 2 года назад

Awesome!!!

@antonio.martins 3 года назад

Great video, it will help me a lot.

@WPCrafter 3 года назад

Every website have uses video, Presto Player is gonna help a ton.

@ahumbleentrepreneur2325 3 года назад

Thank you for the great plugin and Bravo 👏on the Media Hub, what a practical way to manage all your website videos in one place. It would be a nice feature (even if only under Pro) you could add additional RU-vid channel ID in the Integrations section as one of our company has 2 channels for their business and showing videos from these 2 channels on their website. That way when ever people click on the subscribe button they subscribe the channel related to the video their watching. Maybe we're not a typical use case either.

@WPCrafter 3 года назад

I'll add this to our feature requests. We could add it as a preset option and Pro users can create custom presets.

@charleswilliams4560 Год назад

great stuff again

@boom4538 3 года назад

your a legend thankyou

@winwood7228 2 года назад

excellent thanks

@southeastfilm 5 месяцев назад

Thanks!

@ozartdesign 3 года назад

Thanks Adam, your videos are always of great value. I tested the FREE version of Presto Player on a standalone word press/elementor pro website & was really impressed. However I didn’t have the same success on our client’s multi-site. The plugin installed & activated on the multi-site network, however it broke the site by not loading all images. I want to continue to use the plugin, Q: is the FREE version not multisite compatible? I couldn’t locate any support for the plugin unless I was a pro user? Grateful for any feedback.

@KevsGuide 2 года назад

thanks i will try it in my elementor

@teknolojiyedairhersey166 2 года назад

Thanks BRO

@FedKika Год назад

Thank you, thank you thank you!!!!!

@WPCrafter Год назад

Any time!

@DBCVC 3 года назад

Thanks Adam your video was great! What about videos that might be self-hosted? Is the process the same?

@WPCrafter 3 года назад

Yes it is, just make sure you web optimize the video. There are instructions on the Presto Player website.

@amitjangra6454 3 года назад

Hi Nice plugin and do exactly what has been said. But there is a little improvement needed. Lighthouse shows this error "Does not use passive listeners to improve scrolling performance". Hope to see a fix for this soon.

@simplifygardening 3 года назад

Downloaded and followed this. It shows in the edit as per video but doesn't come through in the live blog post. Why is this?

@WPCrafter 3 года назад

Can you explain the issue more? I am not following. If you followed the video, well there is not much to it, simply adding in your RU-vid video url.

@blueworlddreams 3 года назад

I am having the same issue Adam. The videos are visible in my blog post in the edit mode but not in preview nor when I check the updated blog post.

@WPCrafter 3 года назад

@@blueworlddreams Perhaps you are using a caching plugin or CDN that is messing with our JS file. This will explain how to resolve that prestoplayer.com/docs/performance-preferences-explained

@florenceanne6612 2 года назад

Thanks for the great tool! Is there anyway to set up video on loop from the presto tool? Thank you!!!

@HorusLondon 3 года назад

Something does not work :/ Video is not visible on front-end. I can see it in "preview" mode but after the page update is not visible on that page. Any Ideas? I am using Elementor Pro and video has been added to HUB.

@seoboost5231 3 года назад

The same problem. I found out that OptiMole css & js have a issue with it.

@HorusLondon 3 года назад

@@seoboost5231 I am using WP Rocket and I disabled all options related to video, and still, the problem exists. When I use the regular Elementor video block it is working fine.

@WPCrafter 3 года назад

Are you using a CDN? If so, some of them block our JS and an exclusion needes to be added.

@HorusLondon 3 года назад

@@WPCrafter Yes, Adam. I am using BunnyCDN. What to paste in WP Rocket CDN Exclude section?

@HorusLondon 3 года назад

@@WPCrafter Adam, what should I put into WP Rocket section?

@rinleeds 5 месяцев назад

This is brilliant. Please can you tell me how I find it and use it in Elementor Pro. So, do I still have to download the plug in? At the moment, all my videos have been inserted with the Elementor video widget. Will I have to re-do all these with the Presto widget? Many thanks x

@DoraAlexandre 3 года назад

Hi, great content, as usual, thanks! Can it be used on Avada or is there a similar alternative?

@WPCrafter 3 года назад

Yes, as I showed later in the video, the media hub. Create your video there and paste the shortcode anywhere you want.

@DoraAlexandre 3 года назад

@@WPCrafter Perfect, thank you!

@BeamingWhite 2 года назад

Thank you! Does this plugin work with RU-vid Shorts?

@nikhiltoky1 11 месяцев назад

Its a very good plugin!

@bilalahmed3338 3 года назад

Thanks for great videos we always getting from you , little question , i am already bulid a website but it is very slow to launch - how i can make it faster please . It doesnt has any video

@WPCrafter 3 года назад

May be poor hosting? Who is hosting it?

@Thumbwind 2 года назад

Using a CDN (Cloudflare with Ezoic) we found that more than just the video player was not working. When testing with the free plugin, we found that the rest of the post was not displayed as soon as it tried to render the Preso Player block. Any advice would be appreciated.

@squishingpaint1439 2 года назад

Hi there. I'm trying the free version of the plugin for the first time and I've run into an issue. When I added the first video to my post, and used the youtube optimized option, the video comes greyed out so there's no video image even though the video can still be played. I've loaded other videos on the same post and optimized them and they both show proper images. Am I doing something wrong or missing something? Thanks.

@yamilinsaurralde5101 2 года назад

Does it have the same option for playlists? Also, does is support RU-vid own subtitles?

@webservicege3587 3 года назад

Thank you for video. How to run preroll video befor view my video? Is it possible to use this player for ads?

@lidiaolech7891 3 года назад

Cool

@Samhain-HalloweenForever Год назад

is there a way to optimize videos that load and play in the background? Elementor section styling allows videos for the background. Just wondering how to optimize those. thanks

@thywebmail 2 года назад

Can you press play in this demo so that we see how smooth the youtube video loads with this feature? The reason I ask is because in other solutions that I have seen the RU-vid video doesn’t load automatically upon pressing the image preview. ☹️

@mrentremattor5772 3 года назад

nice

@justgosee Год назад

Awesome.. and interesting. Can I use a Toolset dynamic field with Presto Player within a single Elementor template?? :)

@TopCarDetailing Год назад

Hi Adam, would this work with the Divi Theme, Thanks.

@PswACC 3 года назад

Is there a way to optimize full width videos that are set as a background inside of a Hero Section?

@WPCrafter 3 года назад

Not sure there is much to optimize there because the video has to load anyway.

@PswACC 3 года назад

@@WPCrafter Makes sense. Currently just dropping the optimized video in WordPress so it doesn't have to call it from a third party site like RU-vid. I wonder if BuunyNet will allow us to place their CDN video link to pull up the video when placing it as a background.

@christysimitzis7144 2 года назад

Hi love your videos!!! Can presto player be used for videos already on your website? I have over 400 that need to be optimized…. Is there a way to do this without having to upload them all again? Thanks

@ampo4642 9 месяцев назад

I want to know this too

@Anishchanda 3 года назад

Can we resize the video in the media hub?

@scottbrantley7022 2 года назад

Will this work for a RU-vid video that is being used for a background video?

@informph 3 года назад

uhm does it work on youtube playlists embed?

@MarketUS 3 года назад

I have a youtube video gallery that pulls the channel videos, will this work? Thanks.

@WPCrafter 3 года назад

Not currently but we will be adding an option for this in the near future.

@adrianogoncales 10 месяцев назад

Hi! Is it possible to use with lightbox on elementor? Thanks!!

@aengberg1 Год назад

Thank you for this. Ironic that Google penalises you for a slow site, even if it's a Google website slowing it down!

@user-eb6sx7io2w 3 года назад

Hi. Awesome videos but i cant find how i can to go from flatsome to gutenberg because i use a lot image sliders and products-categories sliders. Do you know what i need?

@jennifertiffany363 Год назад

Does this work for embedding a channel? Like where the video changes every time my client uploads a new video?

@RonaldSurya 2 года назад

Hi Adam, how to use Presto Video Player with Pop Up function like Kadence Block? TIA

@TheRoadTripGuy 2 года назад

You can only RU-vid Optimise Preset in the paid version of the plugin?

@MD_jadaan 3 года назад

Please make a video about the pro version

@scottward4304 Год назад

I installed the plugin to my wordpress(Optimizepress) web site and used it on one of my posts with 7 RU-vid Videos, however the load time didn't change for some reason. I must be doing something wrong. Page Speed Insights (LightHouse) still showed You Tube loading initially for multiple seconds just like before I installed the plugin. Any ideas?

@tievoli3328 2 года назад

Great tutorial, what about gallery video, like having many videos on the page. My web page loads quickly, but the buffering time of each video is over 10 seconds, any solution?

@WPCrafter 2 года назад

You can use Presto Player to have multiple videos on a single page. We will be adding in a video gallery this year.

@ellenbibleart9817 2 года назад

Unfortunately the instructions do not match word press 6.0. Would appreciate details for 6.0 cause the step by step doesn't work I have activated presto and it is on my Wordpress side bar. Am I using Backend Editor or Front end Editor or Gutenberg or none of those? can't find - "Insert after" - can't find the + so unable to use the "RU-vid presto video" etc..... Apparently editing in Wordpress 6.0 is a different configuration. If u can give me guidance I would be greatly appreciative. Looks like an awesome plugin and hope with your help that I can use it. Thank you so much

@etbtravelphotography 10 месяцев назад

Hi! I was excited to you this. I installed it on my page and the video won't play when clicked up. It also has weird formatting when inserted in a column. I'd be grateful if you fixed. Seems like wordpress has made all kinds of miserable changes recently. Maybe something got messed up? Thanks

@judithtemblor1329 2 года назад

Can I use presto player with Elemantor editor?

@essajihusein 3 года назад

If the RU-vid video has an end screen or card will that show up in the embed?

@yapchenpo95 3 года назад

This is important info. Following

@wallie01 3 года назад

Hi, I'm having this error on my site Error: Lighthouse returned an error: NOT_HTML. The page provided is not HTML (served as MIME type application/XML). how can I solve this problem? any idea

@RemarketingDigital 3 года назад

Great tool, fantastic! Thank you! Is it possible to get the "Subscribe To Our RU-vid Channel" text translated to other idioms? In my case, I'm using it in Brazil (Portuguese - BR)

@intentionalcannabis 3 года назад

What causes scrolling delay issues?

@rlloyd20 2 года назад

I love it...only I must be doing something wrong. I lose the preview picture right after I click on the 'optimize for RU-vid' button. Is there any help for the stupid?

@WPCrafter 2 года назад

For that option, you need to add the image to the player. So what will happen is, when someone visits your website, the RU-vid player won't load until they click play. Instead it will show the local image.

@pixelconversionsapifaceboo9024 2 года назад

Thank you! The plugin loads faster but when I click on the Subscribe to our RU-vid Channel nothing happens? Thank you!

@jenniferlangart5504 2 года назад

Is this strictly for posts? I need something for pages

@waltseaman4425 3 года назад

Love your videos Adam, just tried the Presto player on a divi theme site and got an error when trying to add a youtube video to the Media Hub. the error was, 'Publishing Failed. No route was found matching the url and request method.' I tried several youtube videos and copied and pasted the url for each with the same result. Has this happened to anyone else? any idea what is happening? thanks again for all your work.

@WPCrafter 3 года назад

Oh wow, never seen that error before. Can you open a support ticket on the Presto Player website?

@deanwaldron6210 2 года назад

So dumb question, will it work on other embed codes? Not just RU-vid?

@michaelfoerster3364 3 года назад

How can we change the youtube url for an existing embedded presto player?

@WPCrafter 3 года назад

You would have to delete the video and add the block back.

@michaelfoerster3364 3 года назад

@@WPCrafter but then i loose all my settings e.g. css class which i have set up for my client :(... it would be great if my client can change just the URL. Maybe something for the next release update? :)

@WPCrafter 3 года назад

@@michaelfoerster3364 We will add it to our features requests. There is a way to do it, but its a tiny bit technical. You can put Gutenberg into code view and change the url there.

@amymarschak 2 года назад

Cannot find Presto youtube player only presto and i cannot insert url for youtube there :(

@paulhildmann8392 3 года назад

Is it possible to add a BunnyCDN link? I couldn't find a spot for the link.

@WPCrafter 3 года назад

You can use the self host block which allows you to enter in the direct url to a video.

@paulhildmann8392 3 года назад

@@WPCrafter Thank you, I'll give that a try.

@ceesvanstam1963 3 года назад

In Elementor only the widget Presto Player with the option open Choose A Video. Not possible to add youtube or vimeo.

@WPCrafter 3 года назад

Yes, the option right under that is to create a video.

@the.marriage.coach.youtube Год назад

hey, it sounded too good to be true. firstly thanks for the amazing tutorial and plugin. but unfortunately it doesnt play my youtube short videos, that i am only using for my recips on my website, that are vertical. before on youtube emb i changed the ratio in the html and managed to display it correctly, but with this plugin there is no way to change the format, and nothing is playing. would have been too good if this would have worked. is this something, that can be done in future, perhaps?

@jodiecreaser5553 2 года назад

Any idea why my RU-vid videos are showing when logged into my admin but not showing Live on my website??

@askopromet 3 года назад

Does it work for Vimeo?

@WPCrafter 3 года назад

I'll have to do some Vimeo testing and see what we can get into this free version of Presto Player.

@askopromet 3 года назад

@@WPCrafter it does work

@TheRoadTripGuy 2 года назад

Not working with generate press. :( When I use the link and click on embedded nothing happens. Any tips?

@riskvio5858 3 года назад

I added the presto player to my wordpress site today. The video sits on the page full width. I've tried to reduce the size using the wordpress two options available, but it makes no difference. All I want is a small sized screen to show the video. Sadly, I've had to delete presto player as it will not configure / resize to fit my site properly.

@WPCrafter 3 года назад

This is not a Presto Player issue, its how you have your layout setup. Any piece of content will site full width unless you place it inside of a container to constrain the width. This goes for all content blocks.

@speakezcommunications7941 3 года назад

Can I use this to load the video that just auto appears on our home page? It comes up with the site and is taking a LONG time to load...I used word press. Help!

@WPCrafter 2 года назад

Yes you can.

@bestfriendfhn 3 года назад

is it work with elementor?

@RhondaFairman 2 года назад

Can I use this with Vimeo?

@SimonWYHuang 3 года назад

This plugin works with Elementor? Compare to its video widget, what's the loading speed difference?

@WPCrafter 3 года назад

It certainly does. Made sure to cover it in the video ;-). I'll compare them for a future video :-)

@CelticEarthSpirit Год назад

Just trying this out - the video image is not appearing on the page - just a generic 'video outline' - sigh

@verdadeirovitor Год назад

I have WordPress installed with openlitespeed, but when I add the video, only the audio is played and the video screen is black, any solution?

@WPCrafter Год назад

OLS is fine, but it must be a setting you have enabled in their caching performance plugin.

@ahmedmaher9090 Год назад

I don't use Block Editor, if you can make it compatible with the classic editor that would be amazing!

@WPCrafter Год назад

You can use Presto Player in the classic editor. Simply create you video in our media hub.

@vision4web721 3 года назад

Hey Adam, great work! Is there a way to translate the Plugin? I need the text "Subscribe to Our RU-vid Chanel" in German! I test it with Loco Translate but it doesn't works. THY for your ressponse :) Regards JJ

@WPCrafter 3 года назад

Yes, and we just tested it with Loco to veify and we were able to translate it.

@PratikShindeDU 2 года назад

It didn't work for me sir!

@ConnorMarc 3 года назад

Is that Elementor you're using?

@sunnyt7 3 года назад

Gutenberg.

@ConnorMarc 3 года назад

@@sunnyt7 I'm ashamed for asking. So rusty. Keep up the great work, thank you!

@WPCrafter 3 года назад

Gutenberg for the test since based on the assumption that most videos would be in blog posts which would be made using the block builder. But Presto Player has an Elementor module.

@sunnyt7 3 года назад

@@ConnorMarc happens to the best of us! P.S. it's Adam's video, not mine 😉

@informph 3 года назад

@@WPCrafter so do you suggests to make pages eg landing pages in elementor, but for posts using gutenberg is fine?