请大家来讨论下，中等复杂度的 SPA 程序 初次加载大小在 20M 是否能接受？

[lygmqkl]

不算很复杂，但是也不简单，所以定义为中等复杂程度，然后属于后台管理类型的 SPA(单页应用)

最终压缩打包后大小在 20M，想了解下在各位的网络条件下，20M 心里感觉如何是否能接受？

包括移动和 PC 两个端的使用。

PS

1. 不包括静态图片(本来程序内部里也没有太多的图片)，用户将来可以上传，这里不在讨论范围内
2. 非版本更新的情况下，基本可以认为可以缓存全部内容
3. 模块化加载，一次性读取的文件，并非一次性使用，属于动态加载(貌似是废话，一般都这样做的)

欢迎广泛参与讨论，谢谢。

[ruandao]

无所谓啊
动态加载,有影响的是, 点击链接到用户可用之间的耗时

[qq316107934]

这是带了多少依赖...可以把不同的依赖拆到不同的 JS，然后懒加载。

[nfroot]

这个是强行 SPA 吧，很怕这种应用，乱用 SPA。。

最近发现微博就是这种货，别人发个微博给我，我一打开，眼睁睁的看着手机状态栏显示这个页面 1.几 M 的速度跑了 7-8 秒页面才开始展现。。

一下子感觉回到了十八年前，56kbps 网速的年代。

[nfroot]

好吧才注意到第三条，请忽略我的上一条回复，谢谢

[keepeye]

就跟阿里云控制台一样吗？卡的一笔啊

[BreezeInWind]

中等大小是多少个页面？一百个之内？感觉还是有点大

[IsaacYoung]

太大

[freak118]

路由懒加载之后还有 20M ？ 为什么这么大啊

[saluton]

我这网速 20Mbps，10 秒打开，你觉得呢？

[momocraft]

如果能保证一两秒看到 UI，还行？

[jihu777]

你这是总大小吧…？看入口 js 多大才行。最直观的试试现在首屏加载速度再看怎么做呗

[1OF7G]

不知道你用的什么框架，路由分割是起码的吧。20M 应该是所有路由总大小，一般脚手架都会处理。如果没有，那必须得优化。你打开任意一个页面，看看 network 加载了多少。

webpack + import()了解一下。初始加载 js 大小超过 1M 就算不及格了。

[learnshare]

不能，> 3s 都会感觉很差了

[frozen2013]

20M 到底是首屏加载的包大小，还是 app 整体的包？如果是前者，那就太过分了。。。

[lygmqkl]

@frozen2013 整体 APP 不到 20M build 出来的结果，也就是如果用户所有页面都访问一次， 差不多要这个大小。


@learnshare 谢谢 返回 3s 感觉还是要看带宽吧。。。 因为我们都是 100M ＋ 所以才来问一下的

[lygmqkl]

@1OF7G 就是 build 出来的总大小，感觉有点大 所以来问问，1M 初次加载貌似做不到，2-3m 之间吧。


@jihu777 说来惭愧 圈子里 问了一圈 都是 100M 起的带宽。。。没找到小白鼠。。。

[liprais]

jira 这货首次打开要下 15m 的资源，我每次清了缓存之后打开 jira 都要十分钟......

[saulshao]

20M....Internet 上这个大小我估计比较悬，应该会明显感觉到慢。

[Chingim]

@lygmqkl 大哥，测速度不一定要真是带宽呀，吐血了。devtool 想怎么调就怎么调

[lygmqkl]

@Chingim 请教下 devtool 怎么控制带宽？ 这个我还真不会，麻烦抽空教一下 谢谢。