新写的一个React项目部署到生产环境以后发现首次加载时间有点久,打开Chrome DevTools发现静态资源1.4M。
翻了下资料,有启用SSR的,有使用React Loadable的,都需要时间去验证,其中最简单的办法是启用Nginx的Gzip:
- 在
nginx.confg中server节点下添加:gzip on; gzip_buffers 32 4k; gzip_comp_level 6; gzip_min_length 200; gzip_types text/css text/xml application/javascript; gzip_vary on; - 退出
nginx.conf执行:nginx -s reload
刷新页面,可以看到DevTools里面的网络传输已经变小了很多(1.4MB => 280kB)。