• 请不要在回答技术问题时复制粘贴 AI 生成的内容
JoanVon
V2EX  ›  程序员

后台接口响应慢,前端能做什么优化,心好累。

  •  
  •   JoanVon · Jan 22, 2016 · 11376 views
    This topic created in 3939 days ago, the information mentioned may be changed or developed.

    请求的接口响应一直都有点慢,为了体验,前端给请求的页面添加过渡,反馈说视觉疲劳。。 o(╯□╰)o
    不添加过渡,没数据干等着,又说体验差,让产品定夺,往往是不了了之,真不知道怎么改了。。。

    25 replies  •  2016-01-25 09:43:48 +08:00
    cxe2v
    cxe2v
    Jan 22, 2016
    1
    那说明过渡的效果不好呗
    JoanVon
    JoanVon
    OP
    Jan 22, 2016
    2
    @cxe2v 所以让产品定夺啊,产品给不出,我这儿就一直有个结(ㄒoㄒ) 关键还是响应慢,人家觉得看过渡看多了,眼睛不舒服(¬_¬)
    airyland
    airyland
    Jan 22, 2016
    3
    接口响应慢,不能优化吗?我认为过渡只是用于高峰请求下的慢或者网络慢。
    function007
    function007
    Jan 22, 2016❤️2
    4
    →_→点完蹦个 HTML5 游戏让客户玩儿,玩儿完数据肯定到了
    hcymk2
    hcymk2
    Jan 22, 2016
    5
    如果实时的要求不高, 可以在前端缓存旧数据。
    JoanVon
    JoanVon
    OP
    Jan 22, 2016
    6
    @hcymk2 实时的 ╮(╯▽╰)╭
    JoanVon
    JoanVon
    OP
    Jan 22, 2016
    7
    @function007 哈哈哈,给个赞!
    BOYPT
    BOYPT
    Jan 22, 2016
    8
    不断弹动画,提示说后台正在玩命的跑数据,然后告诉用户说点这里这里这里能帮助服务器加快处理
    learnshare
    learnshare
    Jan 22, 2016
    9
    学 B 站,弄个妹子跳舞,一直跳到加载完毕。
    yuchting
    yuchting
    Jan 22, 2016
    10
    有个 tip 看看可行不。

    1 、立刻出现一个全屏透明的蒙版(不让用户点穿后面的 UI ),然后过了 0.5 秒钟(后台响应速度的平均值),再弹出那个 loading 菊花的动画,如果时间未到服务器就响应了,就去掉蒙版。所以 50%的左右的时间,用户是看不到转菊花。

    2 、如果后台响应速度平均值过高,比如多于 2 秒钟,那么在全屏蒙版的左上角或者右下角不显眼,但是又能看到的地方,放一个 loading 文字,作为提示,当然,如果很久没有响应,还是需要转菊花。

    如果能够帮助你提升体验,别忘了我是做游戏的,还告诉你最好的办法是服务器做缓存技术,用空间换时间,提高相应速度。
    incompatible
    incompatible
    Jan 22, 2016
    11
    @yuchting 如果后端只要 0.1s 就响应了,那么这个蒙板就只出现 0.1s ?这样用户眼睛会被闪瞎吧。
    chend
    chend
    Jan 22, 2016
    12
    可以 写个 定时器。。 等待时间到了 1.5s (假如)执行 mask , 1.5s 数据来了 就在回调 清除 setTimeout
    yeyeye
    yeyeye
    Jan 22, 2016
    13
    网游里的载入画面提示一些游戏中的小技巧(每次一个) 然后玩家就会转移注意力了。
    Flygoat
    Flygoat
    Jan 22, 2016
    14
    Jeff Dean was forced to invent asynchronous APIs one day when he optimized a function so that it returned before it was invoked.

    Jeff 曾被迫发明了异步 API ,原因是经他优化后的某个函数会在调用开始前返回
    (雾
    yuchting
    yuchting
    Jan 22, 2016❤️1
    15
    @incompatible 吐槽一下你的读取能力:
    1 、立刻出现一个 [全屏透明] 的蒙版(不让用户点穿后面的 UI )
    aalska
    aalska
    Jan 22, 2016
    16
    加点过渡动画。 伸缩时间。嗯。 2 秒 好了
    loading
    loading
    Jan 22, 2016 via Android
    17
    不要一次加载所有数据。
    增加一个速度快的,数据量少又能看一下的数据。
    loading
    loading
    Jan 22, 2016 via Android
    18
    试着加个假进度条…
    chor02
    chor02
    Jan 22, 2016 via iPhone
    19
    @function007 玩着玩着游戲比前端有用多了
    palytoxin
    palytoxin
    Jan 22, 2016
    20
    改造后端才比较重要吧
    yh7gdiaYW
    yh7gdiaYW
    Jan 22, 2016
    21
    弄个妹子跳舞+1
    或者跟 B 站客户端那样,显示很多“进度”,重点是让用户觉得没卡死还在动,
    游戏有点过了
    windfarer
    windfarer
    Jan 22, 2016 via Android
    22
    把写后端的那哥们揍一顿
    ryd994
    ryd994
    Jan 23, 2016 via Android
    23
    @windfarer +1
    前端这时候最应该做的就是压榨后端
    chuhemiao
    chuhemiao
    Jan 23, 2016
    24
    不能延时加载?
    JoanVon
    JoanVon
    OP
    Jan 25, 2016
    25
    @palytoxin @ryd994 恩,其实我们都觉得应该优化后端。。。可是。。。
    我们这前端人微言轻,重视后端,压不住。。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1529 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 99ms · UTC 18:11 · PVG 02:11 · LAX 10:11 · JFK 13:11
    ♥ Do have faith in what you're doing.