Chrome Devtools Rendering Settings

请参考下图打开设置面板： Show paint rectangles 勾选此项后，你可以看到Chrome的绘制区域。这可以帮助你找到并最终避免页面上冗余的绘制过程[1]。同时，当有悬停链接，弹出层或动态更新内容等行为发生时，你也能通过它研究绘制行为[2]。 显示绘制区域能够同时展示每一帧内所有的绘制区域，从而明晰哪些行为导致了性能降低。理想情况下，你需要尽可能保证最少的绘制区域数量。 Show composited layer bo