web前端页面性能指标是什么-创新互联

本篇内容介绍了“web前端页面性能指标是什么”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

　　一、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。

“web前端页面性能指标是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！