react 前端 spa 首页，首次加载一般要优化到几秒，才算合格？
rogwan · 2021-10-18 07:39:10 +08:00 via Android · 3044 次点击这是一个创建于 1151 天前的主题，其中的信息可能已经有所发展或是发生改变。
不搞服务端渲染、首页直出。只用常规优化方法，cdn，gzip，js 压缩，懒加载这些。
spa 应用的首页，要优化到首页几秒加载完成才算合格？
（完成标准是指 html 渲染结束即可，不包括页面展示中的大图片、视频这些文件）
spa 应用的首页，要优化到首页几秒加载完成才算合格？
（完成标准是指 html 渲染结束即可，不包括页面展示中的大图片、视频这些文件）
 |
1
ChefIsAwesome 2021-10-18 08:34:16 +08:00  1
加载快慢是个感觉问题，不光是多少秒。举例子讲，早年的安卓软件点开直接是一个黑屏。iOS 软件点开虽然白花花一片，也没有内容，但是导航栏的位置做了给颜色填充。最终显示内容的时间，安卓可能比 iOS 更短，但是体验上，用户会感觉 iOS 更快。
你应该根据你产品的实际情况去设计加载过程，让用户感觉快。去追求多少秒，就是错误的道路上越走越远。 |
 |
2
Perry 2021-10-18 08:40:29 +08:00 via iPhone
不同应用不同标准
|
 |
3
wobuhuicode 2021-10-18 08:42:41 +08:00
KPI 考核要用吧。其实这东西没有标准。
首页加载慢，加个动画就好了。 |
 |
4
free9fw 2021-10-18 08:52:53 +08:00
可以搞客户端预渲染，秒开
|
 |
5
pengtdyd 2021-10-18 09:04:23 +08:00
同意一楼，应该更关注业务，业务不赚钱，技术做的再好也没用，业务赚钱了，多买几台服务器比优化代码更有用。
|
 |
6
kop1989 2021-10-18 09:47:28 +08:00
一般来讲，首屏无响应 3 秒钟，就足以让用户放弃了。
但你可以通过其他方法去优化“无响应”这个事儿。 比如业界常做的：假 loading，假进度（一些无关痛痒的 Text 快速滚动），广告页，等等。 |
 |
7
supuwoerc 2021-10-18 10:17:52 +08:00
无非是 cdn，堆机器和带宽...
而且是要营收业务，内部自用能跑就行... |
 |
8
CodingNaux 2021-10-18 10:32:46 +08:00 1
一般抄抄 web.dev 上面列的指标作为 kpi
|
 |
9
Huelse 2021-10-18 10:34:07 +08:00
如果你自己都感觉慢的话就可以做个花里胡哨的加载动画，全屏的那种，如果不觉得慢就不需要
|
 |
10
jake361 2021-10-19 10:43:19 +08:00
首先既然你这么提问，那说明你都觉得慢了，有没有排查过，耗时是网络层，还是渲染层
|
 |
11
reiji 2021-10-19 16:02:11 +08:00
lighthouse 打个分差不多了
|
Select Language