前端页面与用户直接面对面沟通,为了提升用户对前端页面的使用体验,前端工程师往往要对页面的性能进行优化。那一般前端工程师都需要优化哪些页面的性能指标呢?本文,我整理三个主要的前端页面性能指标。
一、Apdex指数
作为与用户直接沟通的入口,我们在考虑前端页面性能指标的时候首先要考虑用户体验。而Apdex是对用户体验满意度的量化值。
在完成一个任务之前,用户需要等待它完成才能进行下一个任务,而这个等待时间的长短直接用户的满意程度,我们成这个时间长短为应用的“响应性”再次Apdex定义了三个满意度区间:
满意: 这样的响应时间让用户感到很愉快,例如少于3秒钟。
容忍: 慢了一点,但还可以接受,继续这一应用过程,例如3~12秒。
失望: 太慢了,受不了了,用户决定放弃这个应用,例如超过12秒。
然后通过甲酸公司得到一个评分,从而为管理、研发、运维人员提供一种应用性能量化值来评估用户满意度的方法。可行工具:New Relic、OneAPM Browser Insight。
二、页面响应时间
对于用户而言,最关心的就是页面相应时间,打开一个页面所用的时间。很多前端性能工具对页面响应时间这个指数只是简单的在本地模拟下,也就是所谓的「拨测」;或者只是简单的通过 window.performance。
从技术的角度讲,一个页面的打开时间也是要划分为各个部分的,例如: