<head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta content="width=device-width,initial-scale=1" /> <link href="https://www.jb51.net/dist/favicon.ico" /> <!-- dns-prefetch写法 --> <link href="https://www.dpfile.com" /> <title>md-config</title> <!-- preload写法，as属性必须 --> <link href="https://www.jb51.net/dist/css/app.52dd885e.css" as="style" /> <link href="https://www.jb51.net/dist/js/app.05faf3b5.js" as="script" /> <link href="https://www.jb51.net/dist/js/chunk-vendors.04343b1f.js" as="script" /> <!-- prefetch写法 --> <link href="https://www.jb51.net/dist/js/chunk-vendors.04343b1f.js" /> </head>
3、PWA
PWA支持缓存HTML文档、接口（get）等，降低页面白屏时间
这样即使在弱网甚至断网情况下，也能迅速展示出页面
编译打包优化
1、升级Vue-Cli-3
vue-cli-3采用webpack4+babel7，对编译打包方面做了很多优化（成倍的提升），使用yarn作为包管理工具，并且对很多优化的最佳实践做了默认配置
经测试，将项目从vue-cli-2迁移到vue-cli-3之后，速度变化为：