https://juejin.cn/post/6844904195707895816#heading-8 ## 页面性能优化： ### 主观方面： * loading * 骨架屏 ### 客观方面： * 减少http请求次数（合并css、js、和业务的不必要请求） * 减少图片的大小（选择合适的图片格式、大小） * 优化加载资源的时机、方式（js位置） * 构建的时候： 1. 开启gzip压缩，约70%的体积 2. 去除不必要的代码 console之类调试代码、去除sourcemap 3. 可以把一些库独立出来用cdn加载，减少打包出来的大小，比如elem、vue、axios之类 4. ssr、预渲染首页（在构建过程中，`webpack`通过使用`prerender-spa-plugin`插件生成静态结构的`html`） * 网络资源的优化 1. 配置好缓存，http的强缓存、协商缓存等，非常的有用 2. 资源预加载，preload，prefetch， dns-prefetch 3. 可以设置无阻塞等加载js（defer,async）