vue3 的安装包那么大, 500 多 K, 不会很慢吗?

2020-11-19 23:21:47 +08:00
 RickyC

比 vue2 大了几倍

在不使用 CLI, 而是用<script src="vue.global.js">加载的情况下, 是不是会比 vue2 加载慢?

4817 次点击
所在节点    Vue.js
34 条回复
SilentDepth
2020-11-20 08:52:44 +08:00
@RickyC #8 对于现代计算机 /浏览器的性能,500KB 真不是啥问题,上 MB 的都没见卡过
liberty1900
2020-11-20 08:57:19 +08:00
楼上用图片对比的过分了,js 加载是会阻断页面渲染的,图片不会,用户观感能一样吗
gzip 和 CDN 都是蹩脚的理由,是只是优化,不能从源头解决问题
直接用 script 便签引用毫无办法
用 cli 会有 tree shaking,如果再做个代码分割体积会小很多
用 nuxt 等框架做服务端渲染也是个办法
myCupOfTea
2020-11-20 09:14:04 +08:00
@liberty1900 js 也可以做到不阻断页面渲染啊
gouflv
2020-11-20 09:14:13 +08:00
在 ie 年代的 jq,有多大你造吗
yaphets666
2020-11-20 09:21:25 +08:00
问题不大.vue3 引入了 tree shaking 技术. 没有用到的模块直接摇落.
oneend
2020-11-20 09:41:37 +08:00
5G:500kb 都要考虑? 当我是空气啊
litujin1123
2020-11-20 09:43:12 +08:00
@Jirajine 看一下 php 渲染的 html 页面,不用这样你怎么用?
love
2020-11-20 09:58:24 +08:00
你直接引用整个当然很大了,还是要事先 cli 编译才能小。

另外 500K 也不算大,我的用 react 的小程序是 791K,只因用了个第三方 UI 框架。
passerbytiny
2020-11-20 09:59:02 +08:00
请善用缓存机制,库文件只需要下载一次,不要每进一次页面就下载一次。当然,除了 html,浏览器不会全速加载其他东西,所以 js 还是要尽量压缩,不然 200k 的 js 就可能让人不进首页。
keepeye
2020-11-20 10:01:42 +08:00
用了 element-ui iview 之类的岂不是更大?纠结这个干啥,该上 cdn 上 cdn 就是了
Vegetable
2020-11-20 10:06:42 +08:00
讨论质量每况愈下啊。
文件大小上来说,你看这个文件 500k,但是网络传输是压缩过的,只有 111k,同时你没有选对文件,正确的 prod.js 网络传输只有 40k 。
然后是你说的 500k 会不会对浏览器造成负担,这么说也没错,但是这个负担小到基本可以忽,我倒是希望微信开发团队有你这种极客精神。
vision1900
2020-11-20 10:18:06 +08:00
现在的 Web 前端框架就是 bloated,这点没必要为其辩解,是实实在在的问题
gzip,cdn,tree shaking,代码分割,服务端渲染都是常见的优化方式
zjsxwc
2020-11-20 10:30:22 +08:00
老项目 vue1.x 传输 27k 实际解压后 75k,

vue2 、3 也都在传输 100k 左右吧。
JayLin1011
2020-11-20 12:50:16 +08:00
推荐使用 react 和 angular 。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/727325

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX