我们如何研究一个浏览器多少次这样做回流？ [英] how do we investigate how many times a browser is doing reflows?

问题描述

有一个Web开发功能/工具，使我们知道浏览器是多少次这样做回流？

基本上我想有某种反馈/信息。我不知道怎么会，但或许某种性能图形显示时间轴（类似于谷歌的速度示踪），这样的时候，突然在一个点上的浏览器做回流的疯狂量，我可以调查，所以我可以指出，嘿这里有一个瓶颈，但必须是一个错误/坏实施的东西在这里什么的。

解决方案

1. Chrome和Safari浏览器在网络督察时间轴选项卡，你可以看到所有的回流和重绘通过浏览器进行。


2. Firefox拥有 MozAfterPaint 事件。它可以帮助你理解浏览器重绘页面的哪些区域和时间。 Firebug的油漆事件附加在这儿可以帮忙。它显示重绘事件Firebug的控制台。

Is there a web developer functionality/tool that allows us to know how many times a browser is doing reflows?

basically I want to have some sort of feedback/information. I don't know how it will be, but perhaps some sort of performance graph that shows the timeline (akin to Google's Speed Tracer) so I can investigate when suddenly at a point the browser is doing an insane amount of reflows so I can point out hey here's a bottleneck, there got to be a bug/bad implementation of something here or something.

解决方案

1. Chrome and Safari have Timeline tab in Web Inspector where you can see all the reflows and redraws made by browser.
2. Firefox has MozAfterPaint event. It can help you understand which regions of the page and when repainted by the browser. Firebug Paint Events add-on can be helpful here. It shows repaint events in FireBug console.

这篇关于我们如何研究一个浏览器多少次这样做回流？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！