性能非常差的js

时间:2019-07-19 11:11:15

标签: reactjs webpack create-react-app

我在Reactjs上有一个Web应用程序,即使在正式生产时它的性能也很低

enter image description here

什么可以帮助我提高表现?而我该怎么做才能使性能如此之低?



2 个答案:

答案 0 :(得分:1)

如果您非常在意性能,那么

https://www.gatsbyjs.org/可能是一个不错的选择。同样,如果它只是一个没有复杂状态管理要求的网站,只需将其构建为静态HTML网站即可。 :)

答案 1 :(得分:0)

您可以通过查看快照来提高应用程序性能的操作。

  1. 在构建中将NODE_ENV设置为production
  2. 在服务器计算机上使用启用gzip压缩
  3. 使用还可以使用cdn来存储静态文件(js,css,图像等)
  4. 使用摇树。如果您使用的是webpack,请以生产模式运行。
  5. 使用purge unused css webpack plugin删除无效的CSS
  6. 对图像使用延迟加载
  7. 使用代码拆分来减小包的大小
  8. 延迟脚本
  9. 您还可以使用预缓存