在线客服
扫描二维码
下载博学谷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性能的技巧就不过多介绍了。想要了解前端的更多内容，可以关注博学谷资讯相关栏目。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
前端模块化相关面试题整理
下一篇：
什么是前端什么是后端？前端后端区别
相关推荐 更多
从前端到全栈开发的技术迭代升级
从前端到全栈开发的技术迭代升级，从前端技术演进看前端发展野心、同时满足技术需求和商业需求的前端全栈、打破物理隔离，实现真全栈、小程序云服务的发展优化、 从前端开发到全栈开发等五个方面具体来看看。
10731
2019-05-22 11:10:57
年龄大了学Web前端算不算晚？
最近发现很多人在家办公，闲暇之余会想多一门技术，开始转行web前端这个领域，那么web前端对年龄是否有限制？年龄大了学前端算不算晚呢？如果我们以三十岁为分界线的话，那么学习前端的话转行无非就是为了赚钱和兴趣。不是个年龄问题，也不是"行或不行“的选择题，而是看你有没有坚持下去的心。
7020
2020-02-25 17:14:56
前端框架React课程学习介绍
移动互联网经过近些年来爆炸式的发展，使得前端行业的技术人缺口越来越大，而前端也早已不是简单的页面开发了，要想在现代化前端开发工作中有足够的开发效率，你一定离不开前端主流框架React。毫不夸张的说，React是区分前端开发人员优秀与否的重要分水岭！下面我们一起来看看前端主流框架React的学习课程。
5526
2020-04-20 12:09:42
Web前端培训怎么样？能学到什么？
Web前端培训怎么样？能学到什么？参加传智播客线下Web前端培训学习时间不亚于高考 ，每天至少12个小时的正式学习时间，对身体和精力都是双重考验 ，学习课程包含现在主流的框架，如Angular、Vue、jq、bootstrap、Node.js 、微信小程序等。
5273
2020-08-13 10:55:30
浏览器标准模式和怪异模式是什么？
浏览器标准模式和怪异模式是什么？标准模式浏览器按照HTML与CSS的标准对文档进行解析和渲染；怪异模式浏览器按照旧有的、非标准的实现方式对文档进行解析和渲染。若存在一个完整的DOCTYPE则浏览器将会采用标准模式，如果缺失就会采用怪异模式。
4624
2022-04-15 16:34:34
