Fix remove unused javascript that are coming from youtube video like base.js etc

khurram123
New Member
1 0 0

 

I want to remove the unused javascript that is coming from youtube. Please check screenshot below. It's just a simple technique to remove this but I can't find how to fix this. I have already added lazyload to youtube video. Please help me to fix this. I will be very thankful to all of you 

 

Capture.JPG

0 Likes
JohnCodes
Shopify Partner
101 8 53

Hi @khurram123 

Since your scripts are coming from youtube.com, it's not possible to only remove the unused code in this situation. You'd need direct access to their code.

The code is being delivered by a 3rd party source. In this case, it's Youtube. Even if you lazyload your videos, they will still require the necessary scripts (base.js, etc.) to load your videos.

So, unfortunately, it's not possible to alter the code coming from Youtube beyond removing your videos entirely.

Developer at SpeedBoostr (Shopify optimization and dev agency).
Try out our Shopify Analyzer (free performance analysis tool).
Check out Order Automator (app that auto tags + fulfills orders, and more automation)
More Apps: Theme Scientist (A/B testing tool), Tip Jar (add a tip button to your store), File Optimizer (optimize CSS, JS, Liquid)
0 Likes
oreoorbitz
Shopify Partner
127 13 77

JohnCodes is right in that you can't edit third party code to make it more effecient, simply not possible.

However, in the case of youtube and vimeo videos, you can apply the Facade method to not load the actual iframe and it's corosponding javascript code untill a user clicks on a placeholder image. Lazyload also will delay loading all that javascript, BUT, in your case i'm guessing the video is to close to the top of the page and thus is being loaded right away.

If you want to autoplay the video, then there's nothing to be done. 

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes
0 Likes