reactjs - 即使从一开始就加载了最大的内容，最大的内容绘制时间也确实很慢

Question

我正在使用带有样式组件的 react ssr，谷歌速度测试表明最大的内容加载速度非常慢。

第一次绘制时间大约需要 1.1 秒，我网站的最大内容是图像英雄，它说大约需要 12 秒。但是，绘制时间线几乎从一开始就显示图像。

下图来自开发工具性能选项卡。

如您所见，图像一直存在。当我运行性能测试时，图像有时会变为空白，但图像会在第一次绘制之前显示。

您是否从性能结果中看到任何异常？

Answer 1

你有一些运行的 JS 似乎阻塞了主线程，因此 FPS 下降。分析主线程的大黄色部分，找出慢的罪魁祸首。