问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
你好,欢迎来到懂视!登录注册
当前位置: 首页 - 正文

vue项目首屏打开速度慢?我来带你飞。

发布网友 发布时间:2022-12-12 22:07

我来回答

1个回答

热心网友 时间:2023-01-25 04:43

最近接手了一个后台管理系统,技术栈主要是vue全家桶+elementui,老大打开测试环境页面的时候,说看到首页需要6秒钟,那如何进行优化呢?

首先我们需要安装 webpack-bundle-analyzer

运行 npm run build --report

我们可以看到,vendor中的elementui占了500k,怎么优化呢?

在webpack配置文件中增加,接下来就是见证奇迹的时刻。

再看一下我们的vendor体积

vendor一共才195k

那缺少的elementui文件去哪里找呢?答案是cdn引用。

之前项目里还有引用moment,但是这个库实在是太大了,在github上我找到一个跟momentapi完全一样的库,但是文件大小只要2kb。

其他优化方法还有ssr,这个最好用nuxtjs来做,自己配置ssr实在太麻烦了。

如果解决了你的问题,帮我点个赞吧
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
王者送皮肤要多少亲密度才能送 王者荣耀 王者荣耀送皮肤需要什么条件? 劳动法裁员补偿工资如何计算 庆余年电视剧第一季结局在小说第几章大概啊?想接着追下去 汽油、柴油价格、航空煤油价格它们每升油提高多少呢? 生产制造ERP管理软件系统 做脑部CT检查的危害 年轻人做脑CT危害 我怀孕快两个月了,前几天陪同家人去做了脑部CT,后悔死了。这样会对我... 做脑ct后悔了怎么办? vue-cli3 打包优化 ...痛感新闻扑面而来,31岁的富士康员工在结束iph ...这个iphone6s买回来一直就这样,之前那个iph longlivequeen手游攻略 为什么微信红包发不出去,昨天还能发呢,现在就发不出去了呢?_百度知 ... 六龙争霸3D哪个职业好 什么职业升级快 充电宝充电时上面只有二十五五十七十五一百什么意思? 微信开发者工具怎么关闭小游戏模式 女生吃完饭88厘米身高1.68然后肉很多骨头很少的那种 儿童脚后跟骨头少一块,还长个子吗? 一只3千克的兔子和一只3千克的鸡,哪只肉多骨头少? 为什么大人的骨头少? 骨量少能通过补钙补回来吗? 山水田园的诗句 恒温恒湿机或者空调制冷流程? 我想下载中国银行微银行,请告诉我怎么下载? 22款沃尔沃s90 T8可以纯电行驶吗 沃尔沃S90T8加什么油 python中4-2怎么转化为240分钟 ...I wonder what you are !Up above the world so high CDN加速,vue中使用CDN加速 三亚长虹空调售后服务热线(2022已更新官网)24小时电话 格力空调售后服务号码—24小时维修网站 | 2022已更新(全国/资讯)_百度... 冠睿集成灶售后服务热线24小时(2022已更新官方网站) 九阳燃气灶售后服务热线24小时(2022已更新官方网站) 梦见烧纸什么意思 梦见烧纸有什么含义 我想找一首或一句包含有“韩”字的诗或词,谢谢拉!精通诗词的朋友... 形容婵娟的古诗词 唐:史凤:八分羊释文 linux相比java开发,嵌入式开发,网络工程师等方向的优势在哪里_百度知 ... 洋葱式穿衣法 冬天给宝宝穿衣别捂太厚,巧用“洋葱穿衣法”,让宝宝快乐过冬 冬季抗寒保暖洋葱式穿衣法怎么穿? 请问12V交流经桥式整流后得到几伏的直流电? 空调变压器交流12v整流后直流16v正常吗? zb怎么设置笔刷快捷键前面有个加号 qq音乐怎么给别人扫码登录 春风无限恨是什么意思 mipay能再中国银行atm上取钱吗 mipay这么无卡atm机取款啊
  • 焦点

最新推荐

猜你喜欢

热门推荐