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

上来

面试

网页

打开

110 条回复 • 2019-06-28 10:19:37 +08:00

1 2

❮

❯

1

ewqazxc

2019-06-27 09:20:43 +08:00

用户？不乱点其它东西？

2

ziyouren

2019-06-27 09:22:02 +08:00

打开快点？

3

Mosugar

2019-06-27 09:23:49 +08:00

用户为什么要提升性能和体验？打不开，我换下一个网站就好了呀。

4

leo108

2019-06-27 09:24:30 +08:00

把 360 浏览器切到急速模式（误

5

waiaan

OP

2019-06-27 09:25:30 +08:00

@Mosugar 假设不是公网，是内网。

6

Isaac313

2019-06-27 09:25:40 +08:00 via Android

5 秒钟，还是白屏就点击右上角 x
大概就是提升性能和体验了

7

icebreaker12

2019-06-27 09:26:19 +08:00

无非就是从减少等待时间入手，压缩&合并文件，减少请求数，首屏服务端渲染，加个 loading 菊花进度条这些

8

waiaan

OP

2019-06-27 09:27:47 +08:00

@icebreaker12 用户，不是我们开发者。

9

supuwoerc

2019-06-27 09:29:22 +08:00 via iPhone

加钱上千兆宽带🐶

10

baiyi

2019-06-27 09:30:09 +08:00

用户能做什么？换个浏览器？

11

Mosugar

2019-06-27 09:31:44 +08:00

那就选择兼容性好，最新版的浏览器？关闭其他没用的窗口？不懂了...

12

Torpedo

2019-06-27 09:33:35 +08:00

这么傻的问题。买更好的手机 or 电脑

13

learnshare

2019-06-27 09:34:22 +08:00

1

用户：我还能怎么办

14

akakidz

2019-06-27 09:35:20 +08:00 via Android

我想一下啊...遭了，我还没想就已经加载好了(手动狗头

各种 chrome 插件？油猴脚本广告拦截不知道算不算

15

Distand

2019-06-27 09:36:23 +08:00

性能和体验是相悖的，怎么能同时提升？性能意味着精简，可以开无图模式加快访问速度，但是体验就差了；要想体验好就需要大量的动画、特效之类的，性能就只能靠边了

16

NicholasYX

2019-06-27 09:38:36 +08:00

用户？我还能做什么？要么等要么关了

17

blankfire

2019-06-27 09:39:54 +08:00

用户？我能怎么办？我用浏览器在闲鱼连搜索都做不到啊

18

xrr2016

2019-06-27 09:42:33 +08:00

换更好的手机 :doge:

19

murmur

2019-06-27 09:44:13 +08:00

切换 chrome 或者急速浏览器
关闭下载工具
，。。。我用户买好贵的电脑就是为了回答这个问题么

20

alienx717

2019-06-27 09:46:10 +08:00

1

这问题～～～
用户：操你大爷的，垃圾网站，还要让我替你想怎么提升性能。
是这样么。。。。

21

serge001

2019-06-27 09:54:16 +08:00

这问题服了实在是 get 不到面试官的点....

22

tankren

2019-06-27 09:59:59 +08:00

这个是面试官的原话还是啥有点晕

23

otakustay

2019-06-27 10:00:48 +08:00

别打开 devtools，别勾选 disable cache，闲着无聊可以清掉 cookie，用 host 绑定 IP 跳过 DNS

24

otakustay

2019-06-27 10:01:43 +08:00

@Distand 从全页输出才能展示，变成分段输出展示，你说是不是性能和体验同时提升

25

chinieer20

2019-06-27 10:06:19 +08:00

adblock plus

26

zdnyp

2019-06-27 10:06:37 +08:00

双击电脑管家的小火箭 /狗头

啥都别干，能等就等，不能等就换...

27

luob

2019-06-27 10:10:00 +08:00

打开或者关闭小飞机试试，如果还有问题打开 devtool 看看是哪个孙子在阻塞渲染，然后打开 V2EX 全球工单系统……

28

a494836960

2019-06-27 10:11:54 +08:00

找客服，让客服通知开发优化网站。。

29

DAMNYOU

2019-06-27 10:13:15 +08:00

用户：？？？？

30

yhxx

2019-06-27 10:17:36 +08:00

3

不知道他想问什么，随便写点

上 9980XE 的 CPU
Titan RTX 显卡
电信万兆宽带
（搬到离 CDN 节点近的城市
用性能好的现代浏览器（起码要支持 TLS1.3 之类的各种新技术）
电源管理设置高性能
显卡针对浏览器设置高性能
开启缓存
自己做 DNS 解析
考虑禁用 JS 和图片
看 network 哪个资源加载慢，考虑禁用掉或者设置代理

31

gaoryrt

2019-06-27 10:19:34 +08:00

就七楼答案靠谱点儿。。。

32

GeruzoniAnsasu

2019-06-27 10:19:44 +08:00 via Android

我怎么感觉 lz 理解错了意思，为啥用户要对浏览速度负责啊

33

waiaan

OP

2019-06-27 10:31:19 +08:00

@GeruzoniAnsasu
@gaoryrt
我还特地重复问了一遍，是用户。

34

GeruzoniAnsasu

2019-06-27 10:35:49 +08:00

1

@waiaan 感觉是个开放性脑洞题，我会选择先开个玩笑看看对面反应

35

AllenW

2019-06-27 10:35:59 +08:00

当然是加钱买网站专属会员最好是终身会员而且先买白金发现速度上去了但是有广告再买超级会员手动滑稽

36

zhouweiluan

2019-06-27 10:46:04 +08:00

F5 F5 F5 F5
CMD+R CMD+R CMD+R CMD+R

37

ho121

2019-06-27 10:48:23 +08:00 via Android

用户？右键刷新？

38

zhjie

2019-06-27 10:57:15 +08:00

1

你问面试官是不是看错题目了？

39

aLazarus

2019-06-27 11:00:33 +08:00 via Android

像推特一样加个开屏图片？

40

ccoming

2019-06-27 11:00:37 +08:00

adblock plus+1

41

66beta

2019-06-27 11:05:09 +08:00 via Android

当然是组个 2080ti 的机子，8k 显示器，32G 内存，装上 chrome 浏览器

42

ccoming

2019-06-27 11:12:06 +08:00

“打开网页的时候”，还想着攒机？
准备与时间赛跑？

43

yEhwG10ZJa83067x

2019-06-27 11:13:33 +08:00

用户角度能做什么提升性能和体验？请问是在用户角度去考虑吗？
0.好的硬件条件，包括且不限于电脑配置，宽带速度等...
1.用 chrome 浏览
2.开启广告屏蔽插件，最讨厌广告了
3.其他也没啥了，用户才不考虑你们网站性能呢，打开慢就换一个。

44

silencefly

2019-06-27 11:18:55 +08:00 via iPhone

大概是手指放到菊花+w 3 秒打不开就关了

45

feelinglucky

2019-06-27 11:25:26 +08:00

@icebreaker12 正解了

话说这个问题提问的水平表示堪忧，要是我会问「有哪些优化措施能够提升用户的感知体验」

46

JeongReich

2019-06-27 11:30:08 +08:00 via Android

F5

47

openbsd

2019-06-27 11:30:40 +08:00

当但是关掉浏览器的 JavaScript 支持啊

48

XiaoXiaoNiWa

2019-06-27 11:30:44 +08:00 via Android

禁止 JavaScript 执行，网页秒开 XD

49

openbsd

2019-06-27 11:31:18 +08:00

@openbsd #47 打错当然是
我就这个干，基本上没愁过速度

50

LeeSeoung

2019-06-27 11:35:58 +08:00

问的应该是打开网页的时候如何优化用户体验吧？比如可能网页加载慢的情况下有感知，比如 loading 界面（不是纯粹的白屏），懒加载，分块加载让用户先体验一部分网页内容。避免用户烦躁情绪这样。。

51

waiaan

OP

2019-06-27 11:38:27 +08:00

@feelinglucky
@LeeSeoung
是指用户，不是我们开发者。

52

php01

2019-06-27 11:44:20 +08:00

.host+浏览器缓存

53

bhaltair

2019-06-27 11:50:55 +08:00

用户能有什么操作？连上 wifi?

54

Bestda

2019-06-27 11:54:18 +08:00

是我的话，我会答，屏幕分辨率太高，但尺寸过小，导致网页字体画面不易看清，所以我在打开网页的时候会按住 Ctrl+上箭头，将页面放大使用

55

maplelin

2019-06-27 11:56:05 +08:00

用户：wynmd，真就让用户优化啊

56

loginbygoogle

2019-06-27 12:00:04 +08:00

对用来说，最好的体验就是什么也不需要做，秒开。

57

Kv_se7en

2019-06-27 12:02:13 +08:00

用户：买华为，换 5G。

58

Raisu

2019-06-27 12:11:47 +08:00

这问题可以啊

59

zr8657

2019-06-27 12:13:03 +08:00

所以是解决提出问题的人吗，用户电脑卡 /网慢 /操作不熟悉就解决用户？

60

cctv1005s927

2019-06-27 12:19:15 +08:00

当然是：
1，提高自己的网速
2，升级自己的 chrome 浏览器版本，或者将其他浏览器换到 chrome
3，换一台好的电脑
4，重启电脑或关闭其他程序

...
还有很多可以补充..
————————
当然以上是在可以换电脑的情况下的操作

61

loopinfor

2019-06-27 12:22:48 +08:00

3

场景：在 xxxx 论坛找片看
没有优化的浏览方式：进入 xx 版区主题列表第一页，从上到下寻找感兴趣的片子。如果看到感兴趣的片，就在新标签页打开相应的链接，切换到新标签页，看预览图并决定是否下载。关闭影片介绍页面，回到主题列表继续寻找影片。若当前列表页面看完了，点击下一页。

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

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

优化 3 [手动关闭图片懒加载]
积累一定数量后台打开的影片标签页后，使用 Ctrl Tab 快捷键将影片标签页逐个切换到前台，使用鼠标滚轮或 Page Down 按钮滚动页面至预览图的位置，不做停留马上使用 Ctrl Tab 处理下一个标签页。处理完全部 Tab 后再从第一个标签页开始看影片预览图。
现在有些网站图片采用懒加载模式，即使早早在后台打开网页，没有切换到这个标签页或没有滚动到图片位置时也不会自动加载图片。
优化前，每次打开影片页面时，需要等待几秒钟让图片加载完毕。优化后，图片的网络加载时间与切换标签页、滚动页面的人工操作并行化了，虽然增加了额外的切标签页操作时间，但总体上降低了懒加载带来的延迟。

62

lk920724

2019-06-27 12:25:15 +08:00

第一个想到的是骨架
第二个想到的是 Css
第三个想到的是缓存
第四个想到的是雪碧图
还有很多吧...

63

airyland

2019-06-27 12:27:54 +08:00

不能优化网页就优化自己心情防止骂网站：Keep Calm and Find Inner Peace.

64

h4wklee

2019-06-27 12:39:48 +08:00

如果是长城宽带以及鹏博士用户请断开宽带连接手机热点以提升速度

65

cubecube

2019-06-27 12:48:02 +08:00 via Android

不关网页，重新载入

66

AmberJiang

2019-06-27 12:50:02 +08:00

用户第一反应说：excuse me ？？？我为啥要提高你们的网站性能😂换一家
开发者倒是可以通过压缩图片或者代码这一方法来减少网页加载时间

67

lumotian

2019-06-27 12:51:42 +08:00

用 Rss

68

Mark24

2019-06-27 13:46:58 +08:00

换 5G 和手机

69

hirasawayui

2019-06-27 13:48:19 +08:00

扣个鼻屎之类的把

70

janus77

2019-06-27 13:48:45 +08:00 via iPhone

用户个毛线，我是用户我就直接点叉

71

ershierdu

2019-06-27 13:49:43 +08:00

等五秒钟还是打不开的话，把 ss 换个模式……（访问国内的网站用 PAC 模式，访问国外的网站用全局模式）

72

jackleelss123

2019-06-27 13:49:48 +08:00

@waiaan 网站不行，不想着怎么优化网站，先 TM 优化用户！

73

lifesimple

2019-06-27 13:58:13 +08:00

是时候升级宽带了

74

SeaRecluse

2019-06-27 14:06:50 +08:00

先加载静态图，但是字体模糊的那种

75

yanlaz

2019-06-27 14:16:48 +08:00

用 Ublock 阻断部分不用的资源请求

76

goodryb

2019-06-27 14:22:16 +08:00

1、使用 chrome 浏览器
2、关闭其他后台程序，关闭下载软件等消耗带宽程序
3、使用有线连接接入

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

总不能拿个笔记本把网线插到机房服务器上吧

77

BBCCBB

2019-06-27 14:25:42 +08:00

是想说在地址栏输入一个地址确认访问后请求要经历哪些环节，哪些环节可以优化吧。

78

tabris17

2019-06-27 14:25:55 +08:00

禁用 js

79

LokiSharp

2019-06-27 14:26:30 +08:00

把广告禁用

80

jingyulong

2019-06-27 14:38:13 +08:00

很明显啊！网页加载速度慢，先切换标签，到 V 站摸摸鱼，一会加载好了就切换回去。

81

dcty

2019-06-27 14:43:27 +08:00

提升体验，尽可能快的把内容给用户，渐进式加载或者给个进度条什么的。

82

8a9a09dw12

2019-06-27 15:32:55 +08:00

脱了他 bitch mom 的 underwear,把我的 big dick push 进去, 等 give it to her 之后,再看看页面进去了没有 .我觉这样的体验是最好的.

83

jon

2019-06-27 15:39:51 +08:00

我猜面试官想说使用科学上网提高网络体验

84

enaxm

2019-06-27 15:45:48 +08:00

就是在问题提高网页打开时间

业内规范是 3s 以内，3s 网站加载不完，手动 gg

85

azh7138m

2019-06-27 15:48:21 +08:00

@yhxx 向白嫖王学习，拉 10G 宽带，ms 级访问当地 DC，独享带宽无拥挤（

86

gyw0521

2019-06-27 16:06:26 +08:00

加载提前动画，放他一个小时的动画。。

87

U2Fsd

2019-06-27 16:23:23 +08:00

@gaoryrt 你是审题错误二次方

88

wuweijia

2019-06-27 16:24:56 +08:00

打电话问宽带服务商我家网怎么这么卡

89

tanglijun

2019-06-27 16:30:56 +08:00

这题送分题

网站打开速度，用户浏览页面习惯

90

joiejia

2019-06-27 16:37:09 +08:00

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

大致这样吧，优化用户体验可以从页面热点图着手。