• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 前端页面性能指标有哪些?

发布时间:2019-07-16 18:17:31 浏览 8615 来源:博学谷资讯 作者:枫调

      前端页面与用户直接面对面沟通,为了提升用户对前端页面的使用体验,前端工程师往往要对页面的性能进行优化。那一般前端工程师都需要优化哪些页面的性能指标呢?

     

    前端页面性能指标有哪些?


      一、Apdex指数


      作为与用户直接沟通的入口,我们在考虑前端页面性能指标的时候首先要考虑用户体验。而Apdex是对用户体验满意度的量化值。
      在完成一个任务之前,用户需要等待它完成才能进行下一个任务,而这个等待时间的长短直接用户的满意程度,我们成这个时间长短为应用的“响应性”再次Apdex定义了三个满意度区间:
      满意: 这样的响应时间让用户感到很愉快,例如少于3秒钟。
      容忍: 慢了一点,但还可以接受,继续这一应用过程,例如3~12秒。
      失望: 太慢了,受不了了,用户决定放弃这个应用,例如超过12秒。
      然后通过甲酸公司得到一个评分,从而为管理、研发、运维人员提供一种应用性能量化值来评估用户满意度的方法。可行工具:New Relic、OneAPM Browser Insight。


      二、页面响应时间


      对于用户而言,最关心的就是页面相应时间,打开一个页面所用的时间。很多前端性能工具对页面响应时间这个指数只是简单的在本地模拟下,也就是所谓的「拨测」;或者只是简单的通过 window.performance。
      从技术的角度讲,一个页面的打开时间也是要划分为各个部分的,例如:首屏打开时间、白屏时间、dom文档打开时间、资源加载完成时间等;也要重视资源加载耗时详情,是哪些脚本或者 css 拖慢了页面的加载这些都要一目了然。只有这样,一旦页面响应时间过长,相关人员才能有针对性的去进行维护。可行工具:New Relic 、OneAPM Browser Insight 、AppDynamics 、Ruxit 。


      三、DNS、TCP耗时


      浏览器和 WEB 服务器连接 TCP/IP 的消耗时间以及域名解析时间也是网站优化需要关注指标。国内的网络环境极其复杂,所以导致经常有 DNS,CDN 不给力的情况,TCP 的连接也经常会不稳定。之前国内外有些工具可以通过模拟拨测的方式来计算 DNS 耗时等数据,从用户真实体验的角度来收集这类耗时则显得尤为必要,而现在能做好这一点的工具确实不多,给大家推荐几个。可行工具:OneAPM Browser Insight 、AppDynamics、Ruxit。


      以上就是三个主要的前端页面性能指标,对于前端人员以及测试人员都要非常关注的内容。现在互联网信息越来越多,相似的竞品也琳琅满目,如何在同样或者相似的产品中脱颖而出,就是前端工程师重点考量的内容了。所以在开发工作中尽量提升这些性能,为用户提供更好的体验才是最核心的。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: 你了解大前端吗?大前端的发展趋势如何? 下一篇: 前端工程师必须了解的大前端跨平台解决方案

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码