2

一、资源压缩与合并

html压缩、css 压缩、js的压缩和混乱和文件合并

二、 非核心代码异步加载

异步加载的三种方式——async和defer、动态脚本创建

三、利用浏览器缓存

四、使用 CDN 托管

五、减少http请求数量

六、vue 如何优化首页的加载速度?vue 首页白屏是什么问题引起的?如何解决呢?

首页白屏的原因:
单页面应用的 html 是靠 js 生成,因为首屏需要加载很大的js文件(app.js`vendor.js`),所以当网速差的时候会产生一定程度的白屏

解决办法:

  1. 优化 webpack 减少模块打包体积,code-split 按需加载
  2. 服务端渲染,在服务端事先拼装好首页所需的 html
  3. 首页加 loading 或 骨架屏 (仅仅是优化体验)

七、使用懒加载

三、利用浏览器缓存

三、利用浏览器缓存


guona
54 声望11 粉丝