在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
关于Web的性能监控相信大家或多或少都有所了解,那么什么是Web性能监控?它有什么用处呢?顾名思义,就是监控Web的性能。具体来讲,就是我们打开一个网站的页面需要多久之类的。Web性能监控的好处和作用是显而易见的,优化好了Web的性能,才能给用户更好的体验感从而提升用户留存率。本文就来带领大家全面认识一下Web性能监控,感兴趣的朋友就接着看下去吧!
什么是Web性能监控?
Web性能监控有两种分类,即合成监控和真实用户监控。合成监控是采用Web浏览器模拟器来加载网页,通过模拟终端用户可能的操作来采集对应的性能指标,最后输出一个网站性能报告。例如:Lighthouse、PageSpeed、WebPageTest、Pingdom、PhantomJS 等。它的优势是无侵入性,且简单快捷。不过不是真实的用户访问情况,只是模拟的,而且没法考虑到登录的情况,对于需要登录的页面就无法监控到。
真实用户监控是一种被动监控技术,是一种应用服务,被监控的Web应用通过 sdk 等方式接入该服务,将真实的用户访问、交互等性能指标数据收集上报、通过数据清洗加工后形成性能分析报表。例如 FrontJs、oneapm、Datadog 等。其优点是真实用户访问情况,还能观察历史性能趋势,以及一些额外的功能,如报表推送、监控告警等等。缺点是具有侵入性,在一定程度上会影响Web性能。
Web性能监控有什么用处?
前面讲过了,Web的性能一定程度上影响了用户留存率。google开发者提出了一种RAIL模型来衡量应用性能,即:Response、Animation、Idle、Load,分别代表者Web应用生命周期的四个不同方面。并指出最好的性能指标是:100ms内响应用户输入,动画或者滚动需在10ms内产生下一帧,最大化空间时间、页面加载时长不超过5秒。我们可转化为三个方面来看:响应速度、页面稳定性、外部服务调用。响应速度:页面初始访问速度+交互响应速度;页面稳定性:页面出错率;外部服务调用:网络请求访问速度。
Web性能监控的概念和用处就分享到这里了。碍于篇幅的限制,关于提高Web性能的技巧就不过多介绍了。想要了解前端的更多内容,可以关注博学谷资讯相关栏目。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端与移动开发培训班都学什么?学完有什么用?
前端与移动开发培训班都学什么?学完有什么用?博学谷的前端与移动开发培训课程包括,Vue、React、Angular三大框架,全栈工程师的前端技术、Node.js相关后台技术、HTML5移动方向开发技术等等。零基础小白学完该课程就能马上就业,有一定基础的在职人员学完也能提升自我能力,升职加薪。
5605
2019-12-16 17:36:08
HTML标签基础学习笔记
众所周知,HTML标签是网页制作的的基础。可以说网页的本质就是超级文本标记语言。严格来说,HTML并不是一门编程语言,而是超文本标记语言。HTML作为网页中的结构,就好比人的骨架。所以,学好HTML和div布局是网页稳固的一个关键。本文为初学者整理汇总了HTML标签基础学习笔记,下面一起来看看吧!
3539
2020-03-04 02:06:48
零基础开始学前端有什么建议?
如今,随着物联网时代的到来和网络营销的日益发展,前端技术比以往更加火热。我们可以看到Web应用与新技术趋势紧密相连,而这直接导致了前端行业广阔的就业前景。正因如此,学习前端的朋友越来越多了。为了帮助大家可以更高效地学习,本文为大家总结了一些零基础开始学前端的建议,希望大家可以少走一些不必要的弯路。
3839
2020-06-23 18:41:14
Web前端开发三剑客是做什么的?
大家都熟知,Web前端开发三剑客就是HTML、CSS、JavaScript。通过三种技术的融合产生了各式各样的网站。那Web前端开发三剑客分别是做什么的呢?主要在网站开发中主要完成哪些动作?
10060
2020-08-03 11:55:49
微前端开发常见问题汇总
前端应用可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具而是一套架构体系。其在开发中会有各种问题.
4470
2020-10-15 11:07:56