Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

重新搭建性能监控体系——第四章:制定单页应用性能检测标准(李华柱) #6

Open
HuazhuLi opened this issue Mar 18, 2017 · 0 comments

Comments

@HuazhuLi
Copy link
Owner

HuazhuLi commented Mar 18, 2017

在我们思考如何制定新的标准时,抛开眼花缭乱的种种方案,我们必须回到思考的原点:我们为什么要这么做。为什么我们要制定性能检测标准?因为我们希望给用户提供足够好的用户体验,那问题来了:用户体验如何量化?想要量化用户体验,我们必须尽可能地站在用户的角度去思考:用户在使用单页应用时,他在体验着什么?什么因素是使用单页应用体验的关键?
(用户体验,是一个因人而异的东西:设计师倾向于视觉友好的产品;工程师倾向于实用性强的产品... 所以笔者提出的一些标准,也仅仅是一家之言,只希望提供一些参考。)
在笔者看来,单页应用性能检测,主要分为两大类:

1.页面可见性(让用户看见他们想看见的)

2.页面可用性(让用户使用他们想要使用的)

换而言之,就是在尽量短的时间内,让用户得到尽量多的反馈;在尽量短的时间内,让用户得到尽量多的功能;

根据单一职责原理,我们把功能复杂的单页,拆分到了组件层级;用户体验的测量,也应该拆分/落实到每一个组件的性能的性能测量。

备注:单页应用的独有特征,导致了有些测量传统页面性能的方式已经不再适用,但仍有部分可以迁移。

页面可见性

白屏时间:从传统页面的性能检测指标迁移而来,在单页应用上也同样适用;(前端工程师可以适当利用loading动画/预加载部分组件(如www.coding.net)的做法,来减少用户等待时间,提升用户体验;)
同理:首屏时间/可滚动时间仍然使用;

切换显示速度;
(结合自身例子)

页面可用性

ajax
帧率
白屏时间
首屏时间
可交互时间

@HuazhuLi HuazhuLi changed the title 重新搭建性能监控体系——第四章:制定单页应用性能检测标准 重新搭建性能监控体系——第四章:制定单页应用性能检测标准(李华柱) Jan 9, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant