☰

<iframe> click to load

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.

Autor
Crystal-RainSlide
Denně instalací
0
Celkem instalací
271
Hodnocení
1 0 0
Verze
1.3
Vytvořeno
05. 10. 2020
Aktualizováno
09. 12. 2020
Size
2,4 KB
Licence
neuvedeno
Spustit na
všech stránkách

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:

  • 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 <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: