DEV Community
·
如何进行性能优化
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
本文介绍了优化生产网站性能的方法。作者尝试使用React.lazy和suspense来分割React生产网站的bundle chunks，但未达到预期的性能提升。通过分析每个部分并提出建议，作者发现主要的bundle文件过大，导致下载和解析时间增加。通过懒加载移除了一些不必要的翻译相关的json文件，性能得到了40%的优化。作者还发现moment js文件也很大，通过使用轻量级库替代moment js可以进一步优化性能。作者决定继续寻找其他潜在的大文件进行优化。
🎯
关键要点
- 本文介绍了优化生产网站性能的方法。
- 作者尝试使用React.lazy和suspense来分割React生产网站的bundle chunks，但未达到预期的性能提升。
- 主要的bundle文件过大，导致下载和解析时间增加。
- 通过懒加载移除了一些不必要的翻译相关的json文件，性能得到了40%的优化。
- moment js文件也很大，使用轻量级库替代moment js可以进一步优化性能。
- 作者决定继续寻找其他潜在的大文件进行优化。
➡️
