本文探讨了浏览器渲染引擎中的分层和合成机制，这是继DOM树生成后的关键步骤。文章首先介绍了显示器显示图像的原理及帧、帧率的概念，接着详细解释了渲染引擎通过重排、重绘或合成生成一帧图像的过程。其中，合成因路径短且不占用主线程而效率最高。Chrome通过将页面分解为多个图层（分层），并采用分块技术加速合成过程，从而优化了渲染性能。最后，文章建议使用CSS属性`will-change`来提示渲染引擎提前准备独立层，以提高动画效果的渲染效率。