我的网站很慢，每次重新加载页面大约需要8到9秒才能再次渲染所有内容，我想知道是否有任何库可以再次加速渲染，我正在使用gatsby，reactjs。
我已经默认配置了 gatsby，我应该在 gatsby 配置中包含一些东西吗？
我有一个显示很多图像的部分，图像存储在 algolia 中，所以我认为它们不会影响时间
我应该为缓存使用一些 algolia 库，以免渲染速度变慢吗？
【问题讨论】：
标签： reactjs firebase gatsby browser-cache algolia
有些事情可以加快页面速度并改善客户/用户体验。
-您应该检查您的 React 应用程序没有不必要的渲染：放置一些控制台日志，查看您的页面触发日志的次数并更改您的代码，以便没有不必要的渲染。
-缓存页面中显示的图像和资产：它们将在第一次访问页面时加载（或在缓存被删除时），但下一次加载速度会明显更快（在非初始负载）
-使用代码拆分：
以下是它的工作原理：
捆绑很棒，但是随着您的应用程序的增长，您的捆绑包也会增长。 特别是如果您包含大型第三方库。你需要 密切关注您包含在捆绑包中的代码，以便 你不会不小心让它变得如此之大以至于你的应用程序需要很长时间 加载时间。
为避免收拾大包，最好提前 问题并开始“拆分”您的捆绑包。代码拆分是一项功能 Webpack、Rollup 和 Browserify 等打包工具支持（通过 factor-bundle) 可以创建多个捆绑包 在运行时动态加载。
对您的应用进行代码拆分可以帮助您“延迟加载”那些 用户当前需要的，这可以显着提高 您的应用程序的性能。虽然您没有减少总金额 您的应用程序中的代码，您避免加载用户可能会加载的代码 从不需要，并减少了初始阶段所需的代码量 加载。
参考和示例用法（示例实际上是react-native app，但指出了代码拆分和延迟加载的优点）：
https://reactjs.org/docs/code-splitting.html
https://sportsbet.tech/react-native-app-launch-improvements-30995f2585
试试这些东西。干杯！
【讨论】：