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

2019-06-27 09:17:44 +08:00
 waiaan

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

11344 次点击
所在节点    问与答
110 条回复
loopinfor
2019-06-27 12:22:48 +08:00
场景:在 xxxx 论坛找片看
没有优化的浏览方式:进入 xx 版区主题列表第一页,从上到下寻找感兴趣的片子。如果看到感兴趣的片,就在新标签页打开相应的链接,切换到新标签页,看预览图并决定是否下载。关闭影片介绍页面,回到主题列表继续寻找影片。若当前列表页面看完了,点击下一页。

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

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

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

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

总不能拿个笔记本把网线插到机房服务器上吧
BBCCBB
2019-06-27 14:25:42 +08:00
是想说在地址栏输入一个地址确认访问后 请求要经历哪些环节,哪些环节可以优化吧。
tabris17
2019-06-27 14:25:55 +08:00
禁用 js
LokiSharp
2019-06-27 14:26:30 +08:00
把广告禁用
jingyulong
2019-06-27 14:38:13 +08:00
很明显啊!网页加载速度慢,先切换标签,到 V 站摸摸鱼,一会加载好了就切换回去。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/577864

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX