关于react首屏优化的一些方法,欢迎指出错误,欢迎补充( ^_^ )

#1

我用上了的:

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

我没用过的:

  1. 服务器端渲染首屏

总结我用过的:
如果应用不大,使用UglifyJsPlugin+gzip就能满足首屏的要求,没有必要折腾按需加载,按需加载适用于较大型的页面多的应用,强行按需加载只会增加请求量,gzip压缩效果也不会那么明显,只能说谨慎使用按需加载吧

demo地址:http://blog.mdzzapp.com/
源码地址:https://github.com/redsx/myBlog

欢迎各位大大进行新手指导,能补充或者指出不足我都感激不尽

Webpack编译文件过大
#2

服务器首屏渲染 不只是流量原因,更重要的是服务器渲染比js快

#3

嗯,服务器渲染首屏的话应该是直接res html给浏览器吧,该加载的js还是要加载,只是首屏更快的显示出来了,而不是一片空白,我不知道这样说对不对,望指教

#4

首屏优化服务端渲染是王道,对seo也友好