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

[前端] 面试被问到一个问题答不上来

  •  
  •   waiaan · 2019-06-27 09:17:44 +08:00 · 10807 次点击
    这是一个创建于 1737 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如果你是用户,在打开网页的时候要做什么,可以提升性能或者体验?

    第 1 条附言  ·  2019-06-27 10:12:43 +08:00
    表述可能有误,也许不是提升性能或者体验,就是用户在打开网页的时候,用户能有什么操作可以进行优化(优化的范围很广,能优化什么算什么),大概这个意思吧。
    110 条回复    2019-06-28 10:19:37 +08:00
    1  2  
    ewqazxc
        1
    ewqazxc  
       2019-06-27 09:20:43 +08:00
    用户?不乱点其它东西?
    ziyouren
        2
    ziyouren  
       2019-06-27 09:22:02 +08:00
    打开快点?
    Mosugar
        3
    Mosugar  
       2019-06-27 09:23:49 +08:00
    用户为什么要提升性能和体验?打不开,我换下一个网站就好了呀。
    leo108
        4
    leo108  
       2019-06-27 09:24:30 +08:00
    把 360 浏览器切到急速模式(误
    waiaan
        5
    waiaan  
    OP
       2019-06-27 09:25:30 +08:00
    @Mosugar 假设不是公网,是内网。
    Isaac313
        6
    Isaac313  
       2019-06-27 09:25:40 +08:00 via Android
    5 秒钟,还是白屏就点击右上角 x
    大概就是提升性能和体验了
    icebreaker12
        7
    icebreaker12  
       2019-06-27 09:26:19 +08:00
    无非就是从减少等待时间入手,压缩&合并文件,减少请求数,首屏服务端渲染,加个 loading 菊花进度条这些
    waiaan
        8
    waiaan  
    OP
       2019-06-27 09:27:47 +08:00
    @icebreaker12 用户,不是我们开发者。
    supuwoerc
        9
    supuwoerc  
       2019-06-27 09:29:22 +08:00 via iPhone
    加钱上千兆宽带🐶
    baiyi
        10
    baiyi  
       2019-06-27 09:30:09 +08:00
    用户能做什么?换个浏览器?
    Mosugar
        11
    Mosugar  
       2019-06-27 09:31:44 +08:00
    那就选择兼容性好,最新版的浏览器?关闭其他没用的窗口?不懂了...
    Torpedo
        12
    Torpedo  
       2019-06-27 09:33:35 +08:00
    这么傻的问题。买更好的手机 or 电脑
    learnshare
        13
    learnshare  
       2019-06-27 09:34:22 +08:00   ❤️ 1
    用户:我还能怎么办
    akakidz
        14
    akakidz  
       2019-06-27 09:35:20 +08:00 via Android
    我想一下啊...遭了,我还没想就已经加载好了(手动狗头

    各种 chrome 插件?油猴脚本 广告拦截不知道算不算
    Distand
        15
    Distand  
       2019-06-27 09:36:23 +08:00
    性能和体验是相悖的,怎么能同时提升?性能意味着精简,可以开无图模式加快访问速度,但是体验就差了;要想体验好就需要大量的动画、特效之类的,性能就只能靠边了
    NicholasYX
        16
    NicholasYX  
       2019-06-27 09:38:36 +08:00
    用户?我还能做什么?要么等要么关了
    blankfire
        17
    blankfire  
       2019-06-27 09:39:54 +08:00
    用户?我能怎么办?我用浏览器在闲鱼连搜索都做不到啊
    xrr2016
        18
    xrr2016  
       2019-06-27 09:42:33 +08:00
    换更好的手机 :doge:
    murmur
        19
    murmur  
       2019-06-27 09:44:13 +08:00
    切换 chrome 或者急速浏览器
    关闭下载工具
    ,。。。我用户买好贵的电脑就是为了回答这个问题么
    alienx717
        20
    alienx717  
       2019-06-27 09:46:10 +08:00   ❤️ 1
    这问题~~~
    用户:操你大爷的,垃圾网站,还要让我替你想怎么提升性能。
    是这样么。。。。
    serge001
        21
    serge001  
       2019-06-27 09:54:16 +08:00
    这问题 服了 实在是 get 不到面试官的点....
    tankren
        22
    tankren  
       2019-06-27 09:59:59 +08:00
    这个是面试官的原话还是啥 有点晕
    otakustay
        23
    otakustay  
       2019-06-27 10:00:48 +08:00
    别打开 devtools,别勾选 disable cache,闲着无聊可以清掉 cookie,用 host 绑定 IP 跳过 DNS
    otakustay
        24
    otakustay  
       2019-06-27 10:01:43 +08:00
    @Distand 从全页输出才能展示,变成分段输出展示,你说是不是性能和体验同时提升
    chinieer20
        25
    chinieer20  
       2019-06-27 10:06:19 +08:00
    adblock plus
    zdnyp
        26
    zdnyp  
       2019-06-27 10:06:37 +08:00
    双击电脑管家的小火箭 /狗头

    啥都别干,能等就等,不能等就换...
    luob
        27
    luob  
       2019-06-27 10:10:00 +08:00
    打开或者关闭小飞机试试,如果还有问题打开 devtool 看看是哪个孙子在阻塞渲染,然后打开 V2EX 全球工单系统……
    a494836960
        28
    a494836960  
       2019-06-27 10:11:54 +08:00
    找客服,让客服通知开发优化网站。。
    DAMNYOU
        29
    DAMNYOU  
       2019-06-27 10:13:15 +08:00
    用户:????
    yhxx
        30
    yhxx  
       2019-06-27 10:17:36 +08:00   ❤️ 3
    不知道他想问什么,随便写点

    上 9980XE 的 CPU
    Titan RTX 显卡
    电信万兆宽带
    (搬到离 CDN 节点近的城市
    用性能好的现代浏览器(起码要支持 TLS1.3 之类的各种新技术)
    电源管理设置高性能
    显卡针对浏览器设置高性能
    开启缓存
    自己做 DNS 解析
    考虑禁用 JS 和图片
    看 network 哪个资源加载慢,考虑禁用掉或者设置代理
    gaoryrt
        31
    gaoryrt  
       2019-06-27 10:19:34 +08:00
    就七楼答案靠谱点儿。。。
    GeruzoniAnsasu
        32
    GeruzoniAnsasu  
       2019-06-27 10:19:44 +08:00 via Android
    我怎么感觉 lz 理解错了意思,为啥用户要对浏览速度负责啊
    waiaan
        33
    waiaan  
    OP
       2019-06-27 10:31:19 +08:00
    @GeruzoniAnsasu
    @gaoryrt
    我还特地重复问了一遍,是用户。
    GeruzoniAnsasu
        34
    GeruzoniAnsasu  
       2019-06-27 10:35:49 +08:00   ❤️ 1
    @waiaan 感觉是个开放性脑洞题,我会选择先开个玩笑看看对面反应
    AllenW
        35
    AllenW  
       2019-06-27 10:35:59 +08:00
    当然是 加钱买网站专属会员 最好是终身会员 而且先买白金发现速度上去了但是有广告 再买超级会员 手动滑稽
    zhouweiluan
        36
    zhouweiluan  
       2019-06-27 10:46:04 +08:00
    F5 F5 F5 F5
    CMD+R CMD+R CMD+R CMD+R
    ho121
        37
    ho121  
       2019-06-27 10:48:23 +08:00 via Android
    用户?右键刷新?
    zhjie
        38
    zhjie  
       2019-06-27 10:57:15 +08:00   ❤️ 1
    你问面试官是不是看错题目了?
    aLazarus
        39
    aLazarus  
       2019-06-27 11:00:33 +08:00 via Android
    像推特一样加个开屏图片?
    ccoming
        40
    ccoming  
       2019-06-27 11:00:37 +08:00
    adblock plus+1
    66beta
        41
    66beta  
       2019-06-27 11:05:09 +08:00 via Android
    当然是组个 2080ti 的机子,8k 显示器,32G 内存,装上 chrome 浏览器
    ccoming
        42
    ccoming  
       2019-06-27 11:12:06 +08:00
    “打开网页的时候”,还想着攒机?
    准备与时间赛跑?
    justrand
        43
    justrand  
       2019-06-27 11:13:33 +08:00
    用户角度能做什么提升性能和体验?请问是在用户角度去考虑吗?
    0.好的硬件条件,包括且不限于电脑配置,宽带速度等...
    1.用 chrome 浏览
    2.开启广告屏蔽插件,最讨厌广告了
    3.其他也没啥了,用户才不考虑你们网站性能呢,打开慢就换一个。
    silencefly
        44
    silencefly  
       2019-06-27 11:18:55 +08:00 via iPhone
    大概是手指放到菊花+w 3 秒打不开就关了
    feelinglucky
        45
    feelinglucky  
       2019-06-27 11:25:26 +08:00
    @icebreaker12 正解了

    话说这个问题提问的水平表示堪忧,要是我会问「有哪些优化措施能够提升用户的感知体验」
    JeongReich
        46
    JeongReich  
       2019-06-27 11:30:08 +08:00 via Android
    F5
    openbsd
        47
    openbsd  
       2019-06-27 11:30:40 +08:00
    当但是 关掉浏览器的 JavaScript 支持啊
    XiaoXiaoNiWa
        48
    XiaoXiaoNiWa  
       2019-06-27 11:30:44 +08:00 via Android
    禁止 JavaScript 执行,网页秒开 XD
    openbsd
        49
    openbsd  
       2019-06-27 11:31:18 +08:00
    @openbsd #47 打错 当然是
    我就这个干,基本上没愁过速度
    LeeSeoung
        50
    LeeSeoung  
       2019-06-27 11:35:58 +08:00
    问的应该是打开网页的时候 如何优化用户体验吧?比如可能网页加载慢的情况下有感知,比如 loading 界面(不是纯粹的白屏),懒加载,分块加载让用户先体验一部分网页内容。避免用户烦躁情绪这样。。
    waiaan
        51
    waiaan  
    OP
       2019-06-27 11:38:27 +08:00
    @feelinglucky
    @LeeSeoung
    是指用户,不是我们开发者。
    php01
        52
    php01  
       2019-06-27 11:44:20 +08:00
    .host+浏览器缓存
    bhaltair
        53
    bhaltair  
       2019-06-27 11:50:55 +08:00
    用户能有什么操作?连上 wifi?
    Bestda
        54
    Bestda  
       2019-06-27 11:54:18 +08:00
    是我的话,我会答,屏幕分辨率太高,但尺寸过小,导致网页字体画面不易看清,所以我在打开网页的时候会按住 Ctrl+上箭头,将页面放大使用
    maplelin
        55
    maplelin  
       2019-06-27 11:56:05 +08:00
    用户:wynmd,真就让用户优化啊
    loginbygoogle
        56
    loginbygoogle  
       2019-06-27 12:00:04 +08:00
    对用来说,最好的体验就是什么也不需要做,秒开。
    Kv_se7en
        57
    Kv_se7en  
       2019-06-27 12:02:13 +08:00
    用户:买华为,换 5G。
    Raisu
        58
    Raisu  
       2019-06-27 12:11:47 +08:00
    这问题可以啊
    zr8657
        59
    zr8657  
       2019-06-27 12:13:03 +08:00
    所以是解决提出问题的人吗,用户电脑卡 /网慢 /操作不熟悉就解决用户?
    cctv1005s927
        60
    cctv1005s927  
       2019-06-27 12:19:15 +08:00
    当然是:
    1,提高自己的网速
    2,升级自己的 chrome 浏览器版本,或者将其他浏览器换到 chrome
    3,换一台好的电脑
    4,重启电脑或关闭其他程序

    ...
    还有很多可以补充..
    ————————
    当然以上是在可以换电脑的情况下的操作
    loopinfor
        61
    loopinfor  
       2019-06-27 12:22:48 +08:00   ❤️ 3
    场景:在 xxxx 论坛找片看
    没有优化的浏览方式:进入 xx 版区主题列表第一页,从上到下寻找感兴趣的片子。如果看到感兴趣的片,就在新标签页打开相应的链接,切换到新标签页,看预览图并决定是否下载。关闭影片介绍页面,回到主题列表继续寻找影片。若当前列表页面看完了,点击下一页。

    优化 1 [列表页手动预加载]
    进入主题列表第一页时,就用鼠标中键点击第二、第三分页,直接在后台使用新标签页加载第二、第三分页内容。

    优化 2 [搜寻影片和影片页面加载并行化]
    看到感兴趣的影片时,中键点击影片链接,在后台使用新标签页打开页面。打开链接后,不马上切换到新标签页,而是继续搜寻影片。

    优化 3 [手动关闭图片懒加载]
    积累一定数量后台打开的影片标签页后,使用 Ctrl Tab 快捷键将影片标签页逐个切换到前台,使用鼠标滚轮或 Page Down 按钮滚动页面至预览图的位置,不做停留马上使用 Ctrl Tab 处理下一个标签页。处理完全部 Tab 后再从第一个标签页开始看影片预览图。
    现在有些网站图片采用懒加载模式,即使早早在后台打开网页,没有切换到这个标签页或没有滚动到图片位置时也不会自动加载图片。
    优化前,每次打开影片页面时,需要等待几秒钟让图片加载完毕。优化后,图片的网络加载时间与切换标签页、滚动页面的人工操作并行化了,虽然增加了额外的切标签页操作时间,但总体上降低了懒加载带来的延迟。
    lk920724
        62
    lk920724  
       2019-06-27 12:25:15 +08:00
    第一个想到的是骨架
    第二个想到的是 Css
    第三个想到的是缓存
    第四个想到的是雪碧图
    还有很多吧...
    airyland
        63
    airyland  
       2019-06-27 12:27:54 +08:00
    不能优化网页就优化自己心情防止骂网站:Keep Calm and Find Inner Peace.
    h4wklee
        64
    h4wklee  
       2019-06-27 12:39:48 +08:00
    如果是长城宽带以及鹏博士用户请断开宽带连接手机热点以提升速度
    cubecube
        65
    cubecube  
       2019-06-27 12:48:02 +08:00 via Android
    不关网页,重新载入
    AmberJiang
        66
    AmberJiang  
       2019-06-27 12:50:02 +08:00
    用户第一反应说:excuse me ???我为啥要提高你们的网站性能😂换一家
    开发者倒是可以通过压缩图片或者代码这一方法来减少网页加载时间
    lumotian
        67
    lumotian  
       2019-06-27 12:51:42 +08:00
    用 Rss
    Mark24
        68
    Mark24  
       2019-06-27 13:46:58 +08:00
    换 5G 和手机
    hirasawayui
        69
    hirasawayui  
       2019-06-27 13:48:19 +08:00
    扣个鼻屎之类的把
    janus77
        70
    janus77  
       2019-06-27 13:48:45 +08:00 via iPhone
    用户个毛线,我是用户我就直接点叉
    ershierdu
        71
    ershierdu  
       2019-06-27 13:49:43 +08:00
    等五秒钟还是打不开的话,把 ss 换个模式……(访问国内的网站用 PAC 模式,访问国外的网站用全局模式)
    jackleelss123
        72
    jackleelss123  
       2019-06-27 13:49:48 +08:00
    @waiaan 网站不行,不想着怎么优化网站,先 TM 优化用户!
    lifesimple
        73
    lifesimple  
       2019-06-27 13:58:13 +08:00
    是时候升级宽带了
    SeaRecluse
        74
    SeaRecluse  
       2019-06-27 14:06:50 +08:00
    先加载静态图,但是字体模糊的那种
    yanlaz
        75
    yanlaz  
       2019-06-27 14:16:48 +08:00
    用 Ublock 阻断部分不用的资源请求
    goodryb
        76
    goodryb  
       2019-06-27 14:22:16 +08:00
    1、使用 chrome 浏览器
    2、关闭其他后台程序,关闭下载软件等消耗带宽程序
    3、使用有线连接接入

    其他的普通用户就没办法了

    总不能拿个笔记本把网线插到机房服务器上吧
    BBCCBB
        77
    BBCCBB  
       2019-06-27 14:25:42 +08:00
    是想说在地址栏输入一个地址确认访问后 请求要经历哪些环节,哪些环节可以优化吧。
    tabris17
        78
    tabris17  
       2019-06-27 14:25:55 +08:00
    禁用 js
    LokiSharp
        79
    LokiSharp  
       2019-06-27 14:26:30 +08:00
    把广告禁用
    jingyulong
        80
    jingyulong  
       2019-06-27 14:38:13 +08:00
    很明显啊!网页加载速度慢,先切换标签,到 V 站摸摸鱼,一会加载好了就切换回去。
    dcty
        81
    dcty  
       2019-06-27 14:43:27 +08:00
    提升体验,尽可能快的把内容给用户,渐进式加载或者给个进度条什么的。
    8a9a09dw12
        82
    8a9a09dw12  
       2019-06-27 15:32:55 +08:00
    脱了他 bitch mom 的 underwear,把我的 big dick push 进去, 等 give it to her 之后,再看看页面进去了没有 .我觉这样的体验是最好的.
    jon
        83
    jon  
       2019-06-27 15:39:51 +08:00
    我猜面试官想说使用科学上网提高网络体验
    enaxm
        84
    enaxm  
       2019-06-27 15:45:48 +08:00
    就是在问题提高网页打开时间

    业内规范是 3s 以内,3s 网站加载不完,手动 gg
    azh7138m
        85
    azh7138m  
       2019-06-27 15:48:21 +08:00
    @yhxx 向白嫖王学习,拉 10G 宽带,ms 级访问当地 DC,独享带宽无拥挤(
    gyw0521
        86
    gyw0521  
       2019-06-27 16:06:26 +08:00
    加载提前动画,放他一个小时的动画。。
    U2Fsd
        87
    U2Fsd  
       2019-06-27 16:23:23 +08:00
    @gaoryrt 你是审题错误 二次方
    wuweijia
        88
    wuweijia  
       2019-06-27 16:24:56 +08:00
    打电话问宽带服务商 我家网怎么这么卡
    tanglijun
        89
    tanglijun  
       2019-06-27 16:30:56 +08:00
    这题送分题

    网站打开速度,用户浏览页面习惯
    joiejia
        90
    joiejia  
       2019-06-27 16:37:09 +08:00
    从 SEO 方面考虑到是有不少可以讲。
    比如用户是带着目的进入到某个网站。
    1、打开迅速,图片加载快;
    2、内容清晰,能快速找到自己需求的内容在哪里可以进入下一级了解详情;
    3、页面展示内容能有效提供帮助或联系方式;
    4、整体排版符合用户逻辑,不会混淆视线;
    5、UI 美观、简洁。

    大致这样吧,优化用户体验可以从页面热点图着手。
    cl80
        91
    cl80  
       2019-06-27 16:53:27 +08:00
    打开 google 百度 是要搜索
    打开 视频网站 是要看视频
    打开 图片网站 是要看图
    你想要用户干啥
    johnyu
        92
    johnyu  
       2019-06-27 17:03:17 +08:00
    随机出现一只美女和一段鸡汤。
    zaul
        93
    zaul  
       2019-06-27 17:58:26 +08:00
    换华为手机
    redback
        94
    redback  
       2019-06-27 18:45:36 +08:00
    好奇答案,优化用户可还行
    xianxiaobo
        95
    xianxiaobo  
       2019-06-27 18:48:23 +08:00
    提反馈骂产品经理和测试
    llxxxll
        96
    llxxxll  
       2019-06-27 18:54:09 +08:00
    为网页设置快捷方式,Icon 放到快速开始栏,加到浏览器的收藏夹,设置快捷键。
    qwe7002
        97
    qwe7002  
       2019-06-27 19:03:45 +08:00
    找 ISP 要接专线,装企业宽带。买速度更快的手机和电脑(
    shanlan
        98
    shanlan  
       2019-06-27 19:41:35 +08:00
    装一个 ADBlock
    shuangyeying
        99
    shuangyeying  
       2019-06-27 21:23:43 +08:00
    切换到极速模式,手动狗头。
    iwishing
        100
    iwishing  
       2019-06-27 22:35:30 +08:00
    优化不是程序员的职责么?
    作为用户,我能做到的就是。。。关闭所有插件,用原生浏览器浏览。
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2923 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 14:13 · PVG 22:13 · LAX 07:13 · JFK 10:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.