前端监听|青训营笔记

52 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第2天

在用户浏览页面的时候可能会遇到页面打开慢,卡,图片加载不出来或者网页白花花的一片啥也没有等情况,而这些问题则是我们需要监听的内容,但是我们为什么要监听这些呢?是因为这样带给用户的使用体验感十分的差,而我们减少这样不好的体验则会增加我们的流量:缤趣将感知等待时间减少了40%,将搜索引擎流量和注册量增加了15%;COOK将页面评价加载时间减少了850毫秒,从而将转化次数提高了7%,将跳出率降低了7%,并将每个会话的页面增加了10%;相关研究还表明:性能不佳会对业务目标产生负面影响,例如,BBC发现他们的网站加载时间每增加一秒,他们就会失去10%的用户。这些数据足以说明我们监听并改进这些内容的重要性。

产生这些不好用户体验感的原因是什么呢?通过监听我们知道网页打开好慢是因为页面某个关键资源渲染太慢;交互卡顿是因为页面同步计算任务太重,阻塞渲染;资源加载失败是因为客户端网络状态差,或上游服务节点异常;页面白屏是因为页面脚本执行失败,关键资源加载失败,请求失败等。

前端监控主要监控的是性能指标、异常事件、用户行为。传统的性能指标专注于容易衡量的技术细节,但是并不能很好的反应出用户想要什么样的体验,所以我们改进为以用户为中心的性能指标,监控在用户使用页面时页面各项内容在不同时间内加载的多少并以此划分了多种指标,这样就能很好的改良用户使用体验感。

技术发展的本质是为了更好的服务于人类,满足人们的要求,因此我们现在所看到的页面由最开始的静态转化为动态,但我们不满足于此,仍然精益求精,想要做到在用户点击使用我们的页面的时候得到更好的体验,因此有了我们的前端监控,我们的前端监控也由最开始的只是监控普通指标转变为更多关注用户行为和体验感,这也是技术发展的一大好处:更好的服务人类。