vue中首屏加载优化

  1. 把不常改变的库放到 index.html中，通过 cdn 引入
  2. vue 路由的懒加载
  3. 不生成 map 文件，找到 config/index.js，修改为 productionSourceMap: false
  4. vue 组件尽量不要全局引入
  5. 使用更轻量级的工具库
  6. 开启 gzip压缩
  7. 首页单独做服务器渲染，如果首页真的有瓶颈，可以考虑用 node 单独做服务端渲染，而下面的子页面仍用 spa 单页的方式交互。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue首屏加载优化
    1.异步路由加载 2.不打包库文件 spa首屏加载慢，主要是打包后的js文件过大，阻塞加载所致。那么如何减小js的...
    姜治宇阅读 20,634评论 0赞 80
  • VUE面试问题
    1、组件间怎么传值，具体说说代码怎样实现 子传父：子向父是通过 events（$emit）；通过父链 / 子链也可...
    如也_d1c0阅读 4,097评论 0赞 1
  • vue 首屏加载优化
    1. 把不常改变的库放到 index.html 中，通过 cdn 引入 然后找到 build/webpack.ba...
    38ae78c953e7阅读 3,596评论 0赞 0
  • 首屏加载
    白屏加载的问题分析 在现代前端应用开发中,我们往往会用 webpack 等打包器进行打包,很多情况下如果我们不进行...
    她说东京很热阅读 3,203评论 0赞 1
  • vue高频面试题
    Vue 双向绑定原理 mvvm 双向绑定，采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defin...
    柠檬与断章阅读 4,310评论 0赞 3