前端页面加载优化

一:静态资源优化

1.图片优化

图片文件体积压缩（上传前进行压缩）
选择使用合适的尺寸（oss支持图片裁剪、缩放）
在支持webp格式的浏览器下，使用webp格式（oss支持格式转换成webp）

2.js、css优化

文件体积压缩（webpack-parallel-uglify-plugin）
按需加载
按路由拆分代码
将外部的依赖（比如jweixin.js）上传到我们的阿里云OSS上

二:缓存优化

1.资源文件添加cache-control
2.service worker缓存方案（无明显效果）

三:请求优化

1.调整js、css加载顺序（js在html body中加载）
2.iconfont打包到css中
3.减少外站资源请求
4.配置gzip

四:服务端渲染优化

1.接口数据缓存
2.页面模版缓存
3.页面组建缓存