想问一下，如何提高 react 项目首次加载 js 文件等静态资源的速度？

#1

个人的小博客网站 只是在 nginx 上做了个转发
文件是压缩过的，加起来不到1m，但是浏览器首次加载的时候很慢，一个模块可能要加载5,6秒
求解一下问题的原因，需要做什么？

location / {
  root /home/ubuntu/python_react_blog/python_react_blog_front_end;
  index index.html index.htm;
    }
#2

用webpack 做了 代码分割没有？

#3

恩，用了，但我觉得不是这个的关系，因为单个 js 文件很小，只有几百k吧，但是首次加载一个文件要6-8秒

#4

服务端开启gzip压缩。

1M => 300Kb

900Kb => 270Kb

800Kb => 240Kb

700Kb => 210Kb

600Kb => 180Kb

500Kb => 150Kb

400Kb => 120Kb

300Kb => 90Kb

#5

1.分割代码……
2.服务器开启gzip
3.HTML部分写个加载动画。

#6
  1. 通过webpack的UglifyJsPlugin插件对代码进行压缩
  2. 提取第三方库
  3. 通过webpack实现按需加载
  4. 通过服务器对代码进行gzip压缩
  5. 服务器端渲染

个人博客的话推荐124