YouTube slow down (third party javascript)

The story starts with a issue called as ‘reduce the impact of third-party code in page Speed insight

This occurred when I embedded the YouTube video on my page with elementor video widget

This drastically reduced my speed and score in page Speed insight

Screenshot of the error
https://drive.google.com/file/d/17d8NYnJ06G9VRcLZpvtr_ojqjs7Cbav5/view?usp=drivesdk

After researching I came across some plugin like wp youtube lyte and wp rocket 🚀

I use wp rocket

There’s a option in wp rocket to replace the YouTube iframe with preview image, which I turned on

But unfortunately it didn’t worked for me,

I even used wp youtube lyte but no change in speed and score it was still worse

There’s was no change in speed after I turned the video optimization in respectively plugins

The page was build with elementor

Then I started to test

In test 1

(Wp rocket ‘YouTube iframe with preview image’ was turned on)

I made a page (blank canvas) with the native wordpress editor and only embedded the YouTube video(only pasted the link in Gutenberg block editor and published),

then I saw that the Google page insight score were amazing and there were no issues about the third party code impact

After that

I removed the option/turn off the option in wp rocket about replace the YouTube iframe with preview image.

The score went worse and it showed the issue of third-party impact

Still I am using the blank canvas build in test 1

Then I again turned the option on and Page speed insight score improved

Screenshot
https://drive.google.com/file/d/17YpQ_j8IhFd3OhYgayUGqPa-Cm3vnNyd/view?usp=drivesdk

This tells that the wp rocket and wp YouTube lyte was working properly

Test 2

This time I created a blank page with elementor and I embedded only the YouTube video using the video widget in elementor and this time the wp rocket ‘replace the YouTube iframe with preview image’ was turned on

I checked the scores and I found the score and speed were still worse and showed the error

Reduce the impact of third-party code

Screenshot of the error
https://drive.google.com/file/d/17d8NYnJ06G9VRcLZpvtr_ojqjs7Cbav5/view?usp=drivesdk

This show that there’s something bug in the elementor video widget that doesn’t allow wp rocket and wp YouTube lyte to optimise the YouTube video for speed or replace the iframe

Hope you understand

Please 🙏 anybody fix this issue

I embedd a lot of video and I use elementor

Inspite of turning on the optimization options (replace YouTube iframe with preview image) in wp rocket

elementor video widget slow down the website
And shows the error in page Speed insight

There’s is a way around for this issue/alternative

Use text editor widget in elementor
Place the link of YouTube video directly in the text editor
Then YouTube video will be embedded
Then it will be optimised by wp rocket

But there’s no much styling option
It’s not well optimised in terms of design
You can use the features you get in video widget elementor

Please fix this issue as soon as possible
Eagerly waiting for your reply



Source link