Awful performance on mounting caused by the iframe
See original GitHub issueIn v2, when dynamically adding multiple charts (let’s say 15), the performance is awful.
This seems to be caused by the helpers.addResizeListener
, which is taking an awful lot of time, blocking everything.
Here are some screenshots where I also have the AdBlockPlus extension installed, which is doing some things on the iframe’s element:
After uninstalling the extension, there is less time spent on Parse HTML
, but the execution of helpers.addResizeListener
still takes way too long.
Issue Analytics
- State:
- Created 8 years ago
- Comments:12 (10 by maintainers)
Top Results From Across the Web
iFrame Performance: Part 1, The Bad News | by Max Rafferty
Taken all together, there is not a lot of good news on this front: iFrame performance is, generally speaking, terrible.
Read more >3 Reasons You Might Not Want To Use Iframes - OSTraining
Reason #2. Iframe Cause Usability Issues. The iframe tag is notorious for creating usability annoyances. Among most common of them are:.
Read more >Using Iframes Sparingly | High Performance Web Sites
If the contents of the iframe are as important, or more important, than the main page, this is fine.
Read more >The ultimate guide to iframes - LogRocket Blog
Not a fan of iframes? This post provides an overview of the tag's best features, shows you how to use them, and how...
Read more >Best practices for using third-party embeds - web.dev
This article discusses performance best practices that you can use when loading third-party embeds, efficient loading techniques and the ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@IonutLaceanu thanks for the detailed bug report. I can confirm that
helpers.addResizeListener
is slow on my machine (~4.5ms).It looks like a lot of the time is spent in
insertBefore
. Further, I noticed a typo thatclasslist
should beclassList
. I’m sure that doesn’t help performance either.also worth keeping an eye on (but not usable yet): https://developers.google.com/web/updates/2016/10/resizeobserver