React 网站加载缓慢 - 是由于许多静态资产造成的吗？

React website slow to load - Is it due to many static assets?

提问人：Bo Peng 提问时间：12/17/2020 更新时间：12/17/2020 访问量：3285

问：

我是 ML 专业人士，在前端加快速度。所以我在 React 的 assets 文件夹中添加了一堆固定资产，比如图像和类似的东西，我觉得我的网站很慢。

你认为固定资产，我添加的图像是缓慢的原因吗？

感谢您的帮助！

JavaScript ReactJS 前 服务器端客户端

评论

0赞 new Q Open Wid 12/17/2020
也许您可以缓存它们，并删除一些大图像或文件。
0赞 Bo Peng 12/17/2020
嗨，子轩，你什么意思？我的前端不是很强。我记得以前有人告诉我不要担心固定资产，因为它只有在使用时才会渲染？这是真的吗？
0赞 new Q Open Wid 12/17/2020
你可以看看这个：raygun.com/blog/critical-path-for-asset-loading
0赞 Bo Peng 12/17/2020
嗨，Zixuan，所以你是说固定资产确实会减慢 React 网站的速度吗？因为之前有人说它没有，我不应该担心添加很多固定资产图像。谢谢。
0赞 epascarello 12/17/2020
分析器在开发工具 （lighthouse/performace） 中是什么样子的？网络面板，加载需要什么时间？

答：

1赞 Nemanja Lazarevic 12/17/2020 #1

是的，所有资产都会减慢您的网站加载时间，因为必须下载它们，以防它们首先没有被缓存。

你应该考虑对你的应用进行代码拆分，官方 React 文档。这样你就可以分块加载你的JS代码，并且只在需要的时候加载。第二件事是你应该优化你的资产，你的英雄图像占用了 1.7 MB，这对于使用慢速互联网连接 （3g） 的人来说真的很多。此外，有人已经在评论中提到要查看关键的渲染路径，如果您的用户要查看漂亮的英雄图像，则无需加载页脚。:)

上一个：我可以在我的网站中仅将元标记呈现为 SSR 吗？

下一个：为什么请求正文向服务器端发送值 undefined 或 null？