关于vue.js:Vue项目-首屏加载优化方案总结

3次阅读

共计 311 个字符,预计需要花费 1 分钟才能阅读完成。


优化计划如下:

1. Vue-Router 路由懒加载(利用 Webpack 的代码切割)

2. 应用 CDN 减速,将通用的库从 vendor 进行抽离

3. Nginx 的 gzip 压缩

4. Vue 异步组件

5. 服务端渲染 SSR

6. 如果应用了一些 UI 库,采纳按需加载

7. Webpack 开启 gzip 压缩

8. 如果首屏为登录页,能够做成多入口

9. Service Worker 缓存文件解决

10. 应用 link 标签的 rel 属性设置 prefetch
(这段资源将会在将来某个导航或者性能要用到,然而本资源的下载程序权重比拟低,prefetch 通常用于减速下一次导航)、preload(preload 将会把资源得下载程序权重进步,使得要害数据提前下载好,优化页面关上速度)

正文完
 0