首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
V2EX  ›  问与答

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

  •  
  •   lygmqkl · 211 天前 · 1323 次点击
    这是一个创建于 211 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    PS

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

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

    第 1 条附言  ·  211 天前
    lazy loading 后最大值在 20m,各个页面不同 所以无法说清楚

    不行还是会想办法再优化一些, 已经没有多少依赖在里面了。
    第 2 条附言  ·  211 天前
    可能是我没说清楚, 打包完整个项目是 20M, 不是首次访问页面的大小。


    然后首次访问页面控制到 1m 以下 貌似真做不到。。。

    谢谢各位的参与, 数据我会在仔细看一下
    22 回复  |  直到 2019-05-29 10:08:46 +08:00
        1
    ruandao   211 天前
    无所谓啊
    动态加载,有影响的是, 点击链接到用户可用之间的耗时
        2
    qq316107934   211 天前
    这是带了多少依赖...可以把不同的依赖拆到不同的 JS,然后懒加载。
        3
    nfroot   211 天前 via Android
    这个是强行 SPA 吧,很怕这种应用,乱用 SPA。。

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

    一下子感觉回到了十八年前,56kbps 网速的年代。
        4
    nfroot   211 天前 via Android
    好吧才注意到第三条,请忽略我的上一条回复,谢谢
        5
    keepeye   211 天前
    就跟阿里云控制台一样吗?卡的一笔啊
        6
    hedamao9999   211 天前 via Android
    中等大小是多少个页面?一百个之内?感觉还是有点大
        7
    IsaacYoung   211 天前 via iPhone
    太大
        8
    freak118   211 天前
    路由懒加载之后还有 20M ? 为什么这么大啊
        9
    saluton   211 天前
    我这网速 20Mbps,10 秒打开,你觉得呢?
        10
    momocraft   211 天前
    如果能保证一两秒看到 UI,还行?
        11
    jihu777   211 天前 via iPhone
    你这是总大小吧…?看入口 js 多大才行。最直观的试试现在首屏加载速度再看怎么做呗
        12
    1OF7G   211 天前
    不知道你用的什么框架,路由分割是起码的吧。20M 应该是所有路由总大小,一般脚手架都会处理。如果没有,那必须得优化。你打开任意一个页面,看看 network 加载了多少。

    webpack + import()了解一下。初始加载 js 大小超过 1M 就算不及格了。
        13
    learnshare   211 天前
    不能,> 3s 都会感觉很差了
        14
    frozen2013   211 天前 via Android
    20M 到底是首屏加载的包大小,还是 app 整体的包?如果是前者,那就太过分了。。。
        15
    lygmqkl   211 天前
    @frozen2013 整体 APP 不到 20M build 出来的结果,也就是如果用户所有页面都访问一次, 差不多要这个大小。


    @learnshare 谢谢 返回 3s 感觉还是要看带宽吧。。。 因为我们都是 100M + 所以才来问一下的
        16
    lygmqkl   211 天前
    @1OF7G 就是 build 出来的总大小,感觉有点大 所以来问问,1M 初次加载貌似做不到,2-3m 之间吧。


    @jihu777 说来惭愧 圈子里 问了一圈 都是 100M 起的带宽。。。没找到小白鼠。。。
        17
    liprais   211 天前   ♥ 1
    jira 这货首次打开要下 15m 的资源,我每次清了缓存之后打开 jira 都要十分钟......
        18
    saulshao   211 天前
    20M....Internet 上这个大小我估计比较悬,应该会明显感觉到慢。
        19
    Chingim   211 天前 via Android
    @lygmqkl 大哥,测速度不一定要真是带宽呀,吐血了。devtool 想怎么调就怎么调
        20
    lygmqkl   191 天前
    @Chingim 请教下 devtool 怎么控制带宽? 这个我还真不会,麻烦抽空教一下 谢谢。
        22
    lygmqkl   190 天前
    @Chingim 非常感谢学到一招。。。。 用了这么多年 chrome..... 这里翻车了 哈哈。anyway thx.
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   996 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 28ms · UTC 22:11 · PVG 06:11 · LAX 14:11 · JFK 17:11
    ♥ Do have faith in what you're doing.