通过chrome的Perfermance工具记录程序性能,切换到帧模式,点开其中一帧,看详情,中间为紫色的区块代表Layout,右上角带有红色三角的为警告,是chrome告知的强制同步布局,即FSL。点击这个区块,可以看到下面的面板中有详细信息,有函数调用栈,可以看到哪一行触发了FSL,点击其中的链接,可以直接跳转到该行代码。

如下图所示:

性能优化-FSL(Force Synchronous Layout)强制同步布局-LMLPHP

05-17 00:14