No concrete data on IE or EdgeHTML, but they likely were roughly the same, as the return values for these properties are spec'd.Results: FrameNeedsReflow - mozilla-central searchfox Gecko's reflow appears to be requested via FrameNeedsReflow.Modern WebKit's instances of forced layout are mostly consistent: updateLayoutIgnorePendingStylesheets - GitHub search - WebKit/WebKit.Tony Gentilcore's Layout Triggering List was for 2011 WebKit and generally aligns with the above.You can browse them yourself in the Chromium source tree. The above data was built by reading the Blink source, so it's true for Chrome, Opera, Brave, Edge and most android browsers.Outbrain is forcing layout repeatedly, probably in a loop. Read your metrics at the begininng of the frame (very very start of rAF, scroll handler, etc), when the numbers are still identical to the last time layout was done. Batch your writes & reads to the DOM (via FastDOM or a virtual DOM implementation).You may be surprised to see how often your app code and library code hits this. Use DevTools Performance Panel to see where this happens.for loops that force layout & change the DOM are the worst, avoid them.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |