一、资源压缩与合并
html压缩、css 压缩、js的压缩和混乱和文件合并。
二、 非核心代码异步加载
异步加载的三种方式——async和defer、动态脚本创建
三、利用浏览器缓存
四、使用 CDN 托管
五、减少http请求数量
六、vue 如何优化首页的加载速度?vue 首页白屏是什么问题引起的?如何解决呢?
首页白屏的原因:
单页面应用的 html 是靠 js 生成,因为首屏需要加载很大的js文件(app.js
`vendor.js`),所以当网速差的时候会产生一定程度的白屏
解决办法:
- 优化 webpack 减少模块打包体积,code-split 按需加载
- 服务端渲染,在服务端事先拼装好首页所需的 html
- 首页加 loading 或 骨架屏 (仅仅是优化体验)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。