如何优化Raster（光栅化程序线程），如Chrome开发工具的“性能”标签所示？

Question

我试图理解为什么这些Raster流程的持续时间如此之长，但是我发现文档稀疏。

[从其他人的问题出发，我认为这可能与正在绘制的图像或javascript侦听器，或由于CSS过渡效果欠佳而正在重绘的元素有关，但是删除图像，javascript和CSS过渡并没有解决问题。] >

有人能指出我正确的方向吗？如何缩小导致此漫长过程的元素或脚本？已经过了两天，我没有任何进展。

谢谢！

我试图理解为什么这些Raster流程的持续时间如此之长，但是我发现文档稀疏。从其他人的问题来看，我认为这可能与...

Answer 1

“光栅”部分代表与绘画有关的所有活动。毕竟，任何HTML页面都是“图像”。浏览器将您的DOM和CSS转换为图像以在屏幕上显示。您可以阅读有关它的内容here。因此，即使页面上没有任何图像，您仍然会在“光栅”中看到至少一个光栅化线程，这表示将HTML页面转换为“图像”。