Reduce some unnecessary resource consumption by suspend the <iframe>s with larger area. NOT lazyload; click a button instead anywhere in the whole <iframe> element so one won't mis-click.
It's main purpose is to reduce some unnecessary resource consumption caused by <iframe>s, not block every <iframe>-based share buttons (add some social-blocking rulesets into your AdBlocker to block the share buttons) or visualize the existence of every <iframe>s. So expect it to ignore lots of <iframe>s but only seems to suspend the embed YouTube videos.
will ignore <iframe>s that:
srcdoc attributesrc attributesrc attribute is not a valid URLsrc attribute:
"null", and/or"https:" or "http:""about:blank", "javascript:*" or "data:*")Just modify the code to change the behavior. If you need a lazyload version, but can't code it yourself, I'm glad to say now you can do this by just set loading=lazy attribute to the <iframe> (and <img>) elements, for the newest modern browsers:
And there are some lazyload libs for reference, for older browsers. Here is one of them: