前端 关于性能优化

[mcya]

大概说一下性能优化的吧

[mcya]

对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化。

比方说 tree-shaking、模块懒加载、利用 extrens 网络cdn 加速这些常规的优化。

甚至、在vue-cli 项目中我们可以使用 --modern 指令生成新旧两份浏览器代码来对程序进行优化。

以客户端而言，我们有很多缓存数据与资源的方法，例如 标准的浏览器缓存 以及 目前火热的 Service worker。但是，他们更适合静态内容的缓存。例如 html，js，css以及图片等文件

[mcya]

辅助工具：Chrome Devtools Performance

首先应该注意一点

运行时性能表现（runtime performance）指的是当你的页面在浏览器运行时的性能表现，而不是在下载页面的时候的表现。