click to load

Crystal-RainSlide
2020-10-05T13:05:29Z

Reduce some unnecessary resource consumption by suspend the s with larger area. NOT lazyload; click a button instead anywhere in the whole element so one won't mis-click.

Update: consider use click2load.html in uBlock Origin for a blacklist-based solution: https://github.com/gorhill/uBlock/wiki/Resources-Library#available-resources

! click2load all embed youtube pages
||youtube.com$3p,frame,redirect=click2load.html

It's main purpose is to reduce some unnecessary resource consumption caused by s, not block every -based share buttons (add some social-blocking rulesets into your AdBlocker to block the share buttons) or visualize the existence of every s. So expect it to ignore lots of s but only seems to suspend the embed YouTube videos.

will ignore s that:

has srcdoc attribute

doesn't have src attribute

the value of its src attribute is not a valid URL

the URL of its src attribute:

has a origin that is "null", and/or

has a protocol that is not "https:" or "http:"

(in other words, is "about:blank", "javascript:*" or "data:*")

narrower than 72px, or generally smaller than 128x128px

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 (and ) elements, for the newest modern browsers:

https://web.dev/iframe-lazy-loading/

And there are some lazyload libs for reference, for older browsers. Here is one of them: