前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >D2Admin v1.8.0,首屏优化,2 秒加载

D2Admin v1.8.0,首屏优化,2 秒加载

作者头像
FairyEver
发布2019-12-17 18:19:25
1.2K0
发布2019-12-17 18:19:25
举报
文章被收录于专栏:今日前端今日前端

之前使用全站 CDN 部署,首屏动辄 5M 的加载并不感觉慢,但是构建优化是一个不可避免的问题,这次就带来了小于 60 kb 的本地 js 首屏加载优化,可以达到平均 2 秒左右的首屏加载时间。无论是 D2Admin 的新用户还是老用户都建议参考一下。仓库 https://github.com/d2-projects/d2-admin

以下是本地更新的内容: •优化生产环境构建,chunk-vendors.js < 55kb 首屏加载 ≈2s,CDN 部署首屏加载 ≈1s 使用联通 4g 网络访问,Chrome 浏览器 清空缓存并硬性重新加载 腾讯云 CVM 部署 - Finish: 1.97 s 七牛云 CDN 部署 - Finish: 1.17 s 方案详见 dependencies-cdn.js[1] | vue.config.js[2]•使用 vue-filename-injector 替代以前的查看源码功能 3e48880ae00aed9d21ac9715734ad30f3062eece•移除了仓库中旧的无用大文件和设计素材 Thanks @Aysnine•默认 layout tab 多标签页支持拖拽排序 Thanks @luchaohai•多国语言设置关联 ElementUI 9041b45660ddf56ed08ea433f75f344d07ae919a•fix #226 Store action: d2admin/page/opend2db方法名拼写问题 bfc712629c13fe4b148991699f51c65a3e5cffd6•fix #244 mockjs 导致的 responseType 丢失 ecc43fd67deadea28b827d3cc4f26ae98509c9ea•请求拦截器添加 return 来捕获错误信息 a90079d6d9a57d0c4f1bfe337b6f2acd2ea5ce98•无需经过 Vuex 访问本地存储 2f78494a92b7609b6efbc217f09595162f409bb2•其它代码健壮性更新•接入 d2-projects/repo-email-feedback[3] 现在大家可以在 star,fork 仓库或者提交 issue 之后受到来自 d2projects@163.com[4] 的反馈邮件了•新增了 coding 同步仓库•CI 由 Travis 移至 GitHub Action•新增永久域名,共有四个同步预览地址,模拟各种部署访问效果,并可以看到各自的构建情况

References

[1] dependencies-cdn.js: https://github.com/d2-projects/d2-admin/blob/master/dependencies-cdn.js [2] vue.config.js: https://github.com/d2-projects/d2-admin/blob/master/vue.config.js [3] d2-projects/repo-email-feedback: https://github.com/d2-projects/repo-email-feedback [4] d2projects@163.com: mailto:d2projects@163.com

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-12-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 今日前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • References
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档