项目亮点表现。
通过 webpack 树抖动、脚本包缩小和压缩(gzip 和 Brotli)实现。
由下面描述的服务器端缓存和包大小控制所称赞。
基准测试工具 结果 节流 Google Lighthouse 未节流 Google Lighthouse 节流以降低 4G、CPU 速度 该工具已嵌入 Chrome 中,因此您可以轻松地对自己进行基准测试。
请点击此链接了解详情。
缓存。
后端实现 HTTP 缓存并允许在浏览器缓存中长期存储脚本包,这进一步提高了性能,同时支持生产中版本控制更改的平滑部署(消除陈旧包卡在缓存中的风险)。
代码拆分。
基于选择性地将您的 React 应用程序拆分为多个单页应用程序 (SPA) 的创新能力。
例如,一个 SPA 可以为首次用户或处理登录提供一组介绍性屏幕。
另一个 SPA 可以实施应用程序的其余部分,除了可以由另一个 SPA 提供的审计或报告。
这种方法有利于中到大型 React 应用程序,这些应用程序可以分为功能、开发和测试的多个领域。
为了获得更好的性能,建议在生产包的大小达到 100 KB 时进行拆分。
无缝调试。
使用 VS Code 和