reactjs - 即使从一开始就加载了最大的内容,最大的内容绘制时间也确实很慢
问题描述
我正在使用带有样式组件的 react ssr,谷歌速度测试表明最大的内容加载速度非常慢。
第一次绘制时间大约需要 1.1 秒,我网站的最大内容是图像英雄,它说大约需要 12 秒。但是,绘制时间线几乎从一开始就显示图像。
下图来自开发工具性能选项卡。
如您所见,图像一直存在。当我运行性能测试时,图像有时会变为空白,但图像会在第一次绘制之前显示。
您是否从性能结果中看到任何异常?
解决方案
你有一些运行的 JS 似乎阻塞了主线程,因此 FPS 下降。分析主线程的大黄色部分,找出慢的罪魁祸首。
推荐阅读
- html - 我可以优化 html 页面中重复的 SVG 元素吗?
- android - 真相忽略场
- kubernetes - 错误:模板:注入:469:未定义函数“appendMultusNetwork”
- node.js - Express.js 需要帮助来提供文件
- python - 如何从 docker 容器连接到 mongoDB 云集群?
- php - Laravel 按钮,onclick 功能无需更改 URL
- python - 当我需要填充单元格时,变量(选项卡名称)不起作用
- javascript - 如何以特定格式显示当前日期和时间?
- sql - 为什么“DD/MM/YYYY”在过滤器中不起作用?
- javascript - 错误 [ERR_HTTP_HEADERS_SENT]:在 ServerResponse.setHeader (_http_outgoing.js:518:11) 将标头发送到客户端后无法设置标头