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

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

比如业界常做的:假 loading,假进度(一些无关痛痒的 Text 快速滚动),广告页,等等。
supuwoerc
2021-10-18 10:17:52 +08:00
无非是 cdn,堆机器和带宽...
而且是要营收业务,内部自用能跑就行...
CodingNaux
2021-10-18 10:32:46 +08:00
一般抄抄 web.dev 上面列的指标作为 kpi
Huelse
2021-10-18 10:34:07 +08:00
如果你自己都感觉慢的话就可以做个花里胡哨的加载动画,全屏的那种,如果不觉得慢就不需要
jake361
2021-10-19 10:43:19 +08:00
首先既然你这么提问,那说明你都觉得慢了,有没有排查过,耗时是网络层,还是渲染层
reiji
2021-10-19 16:02:11 +08:00
lighthouse 打个分差不多了

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

https://www.v2ex.com/t/808427

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

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

© 2021 V2EX