V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
React
rogwan
V2EX  ›  React

react 前端 spa 首页,首次加载一般要优化到几秒,才算合格?

  •  
  •   rogwan · 42 天前 via Android · 1899 次点击
    这是一个创建于 42 天前的主题,其中的信息可能已经有所发展或是发生改变。
    不搞服务端渲染、首页直出。只用常规优化方法,cdn,gzip,js 压缩,懒加载这些。
    spa 应用的首页,要优化到首页几秒加载完成才算合格?
    (完成标准是指 html 渲染结束即可,不包括页面展示中的大图片、视频这些文件)
    11 条回复    2021-10-19 16:02:11 +08:00
    ChefIsAwesome
        1
    ChefIsAwesome   42 天前   ❤️ 1
    加载快慢是个感觉问题,不光是多少秒。举例子讲,早年的安卓软件点开直接是一个黑屏。iOS 软件点开虽然白花花一片,也没有内容,但是导航栏的位置做了给颜色填充。最终显示内容的时间,安卓可能比 iOS 更短,但是体验上,用户会感觉 iOS 更快。
    你应该根据你产品的实际情况去设计加载过程,让用户感觉快。去追求多少秒,就是错误的道路上越走越远。
    Perry
        2
    Perry   42 天前 via iPhone
    不同应用不同标准
    wobuhuicode
        3
    wobuhuicode   42 天前
    KPI 考核要用吧。其实这东西没有标准。
    首页加载慢,加个动画就好了。
    free9fw
        4
    free9fw   42 天前
    可以搞客户端预渲染,秒开
    pengtdyd
        5
    pengtdyd   42 天前
    同意一楼,应该更关注业务,业务不赚钱,技术做的再好也没用,业务赚钱了,多买几台服务器比优化代码更有用。
    kop1989
        6
    kop1989   42 天前
    一般来讲,首屏无响应 3 秒钟,就足以让用户放弃了。
    但你可以通过其他方法去优化“无响应”这个事儿。

    比如业界常做的:假 loading,假进度(一些无关痛痒的 Text 快速滚动),广告页,等等。
    supuwoerc
        7
    supuwoerc   42 天前
    无非是 cdn,堆机器和带宽...
    而且是要营收业务,内部自用能跑就行...
    CodingNaux
        8
    CodingNaux   42 天前   ❤️ 1
    一般抄抄 web.dev 上面列的指标作为 kpi
    Huelse
        9
    Huelse   42 天前
    如果你自己都感觉慢的话就可以做个花里胡哨的加载动画,全屏的那种,如果不觉得慢就不需要
    jake361
        10
    jake361   41 天前
    首先既然你这么提问,那说明你都觉得慢了,有没有排查过,耗时是网络层,还是渲染层
    reiji
        11
    reiji   41 天前
    lighthouse 打个分差不多了
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1112 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 20:27 · PVG 04:27 · LAX 12:27 · JFK 15:27
    ♥ Do have faith in what you're doing.