关于监控:揭秘网页性能监控｜如何从多个角度分析监控结果

作为一家大型公司的网站管理员，次要工作就是保护公司各类网站的失常运行和更新网站内容。然而，随着本人所在公司业务不断扩大，网站访问量一直减少，网站管理员就会接到各种各样的用户投诉，包含埋怨网站加载速度过慢、局部页面无奈失常拜访、甚至页面解体等，企业也会因而导致用户散失和品牌形象受损。

这种场景下，对该公司的网站管理员来说，可能解决上述问题的最佳计划就是领有一个能够实时监控网站性能，并能在呈现问题时能够疾速定位和解决问题的网站监控产品。

监控宝可能对页面可用性、页面性能、资源可用性、资源性能、首屏工夫等进行监控，依据页面性能和网站资源监控后果，疾速精确的定位到网站性能问题的具体起因及所在的地区，精确地判断是网络、CDN、服务器、还是网站页面性能的问题。本文将介绍通过监控宝监控工作后如何无效查看整体监控工作列表，并从不同角度进行网页性能剖析。帮忙企业客户更好地理解本身网站性能瓶颈并进行无效的优化。

监控后果剖析

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现

在监控工作列表中，单击监控工作名称进入综合出现页面查看并剖析监控后果。您能够从不同角度进行网页性能剖析，包含网页整体状态、运营商性能、响应工夫、性能评估、可用性和竞品比照。在页面左上方，抉择监控工作分组和监控工作，您能够切换至其余监控工作来查看监控后果。

剖析整体性能

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 概览

在概览页面对网页进行整体性能剖析，您能够间接抉择时间段来查看最近一段时间的监控后果，包含最近 30 分钟、最近 1 小时、最近 2 小时、最近 3 小时、最近 6 小时和最近 12 小时；或者自定义一个工夫范畴来看对应时间段内的监控后果。

页面可用性

在饼图中查看页面可用性剖析，包含不可用类型及其次数和占比（单类不可用次数 / 不可用总次数）。页面不可用类型包含 DNS 解析故障、连贯超时、400 谬误、500 谬误、其余异样。单击饼图进入可用性页面查看页面可用性的详细分析。

元素响应工夫

在饼图中查看申请页面中所有申请对象的响应工夫性能剖析，响应工夫包含 DNS 解析工夫、连贯建设工夫、SSL 握手工夫、首字节工夫等。单击饼图进入响应工夫页面查看响应工夫的详细分析。

• 在内饼图中查看所有申请对象的响应工夫达标和不达标的占比。
• 在外环图中查看各阶段响应工夫的达标次数和占比、不达标次数和占比。

元素可用性

在饼图中查看申请页面中元素的可用性剖析：不可用类型及其次数和占比（单类不可用次数 / 不可用总次数），元素不可用类型包含 DNS 解析故障、连贯超时、400 谬误、500 谬误、其余异样。单击饼图进入可用性页面查看元素可用性的详细分析。

• 在内饼图中查看不可用元素的类型及其次数和占比，元素类型包含 Image、CSS、JS、其余。
• 在外环图中不可用类型及其次数和占比，元素不可用类型包含 DNS 解析故障、连贯超时、400 谬误、500 谬误、其余异样。

元素性能评估

在面积雷达图中查看元素性能评估，包含动态资源 CDN 使用率、首字节、连贯放弃、动态资源、图片压缩五个指标的性能评分，顶点处为 100 分，圆点处为 0 分。单击面积雷达图进入性能评估页面查看元素性能评估的详细分析。

首屏工夫

您可能查看运营商首屏工夫统计和首屏工夫最慢的 10 个监测点，从世界地图到国家地图再到省份地图进行逐级查看不同运营商链路下的首屏工夫，最终定位最慢地区，剖析迟缓影响范畴。在运营商首屏工夫统计列表中查看首屏工夫最慢的三个运营商，单击下拉查看所有运营商的首屏工夫。单击运营商首屏工夫进入运营商页面查看详细分析。在首屏工夫最慢 TOP10 列表中，单击运营商首屏工夫进入响应工夫页面查看详细分析。

可用率和响应工夫

您可能查看一段时间内的可用率和响应工夫变化趋势，同时还能通过仪表盘查看整体的均匀可用率。

剖析运营商首屏工夫

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 运营商

在 运营商 页面，查看各运营商之间首屏工夫比照剖析，您能够设置数据的工夫范畴和显示的工夫粒度（时或日）。

在列表中查看各运营商的具体数据，包含每次监控的工夫、首屏工夫和监测点个数，如下图所示。

剖析响应工夫

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 响应 工夫

在响应工夫页面查看响应工夫趋势和响应工夫达标状况，您能够设置数据的工夫范畴、国家、省份、监测点和监控指标。监控指标包含首屏工夫、网络层工夫、DNS 解析工夫、连贯建设工夫、SSL 握手工夫、重定向工夫、首字节工夫。

在列表中查看每次监控的工夫、监测点、指标 IP、DNS 服务器和具体的响应工夫。

单击工夫查看检测历史快照，包含整体响应工夫、首屏工夫、元素瀑布图、网络诊断图。

申请元素剖析

在元素瀑布图中查看每个申请元素的详细分析，包含元素的可用性状态、大小、响应工夫瀑布图等。响应工夫瀑布图中包含阻塞等待时间、DNS 解析工夫、建设连接时间、发送申请工夫、等待时间、接收数据工夫以及 DOM 加载工夫、页面加载工夫、首屏工夫基准线。

将鼠标移至申请 URL 上并单击右上角的小三角可设置须要在元素瀑布图中显示的内容。

将鼠标移至申请元素上并单击右上角的小三角可宰割元素瀑布图、在新窗口查看申请或返回内容。

单击申请查看 Response Header 和 Request Header 的具体内容。

网络诊断剖析

在网络诊断中查看 Ping、DNS、TraceRoute 的具体诊断信息，如 Ping 丢包率、DNS 解析记录、TraceRoute 跳数及跳转门路，剖析申请元素不可用起因。

剖析主机性能

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 主机统计

在主机统计页面查看主机的输入对象个数、响应次数和响应成功率。您能够通过抉择监控工作和数据工夫范畴来筛选主机，也能够通过 IP 或域名搜寻特定的主机。

单击主机 IP 可能剖析具体主机的性能，包含元素个数、SSL 握手工夫、建连工夫(TCP)、首字节工夫、下载速度、可用率、拜访监测点个数及每个元素的申请次数、均匀响应工夫、可用率、元素大小。通过剖析以上数据，无效调整元素散布策略。

剖析监测点性能

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 性能评估

在性能评估页面，查看所有有问题的监测点及监测点最近一次分数最低的数据，包含元素性能评估得分、动态资源 CDN 使用率、首屏工夫、响应工夫、申请个数、域名数、资源类型统计、资源域名统计以及首字节工夫、动态资源 CDN 应用、放弃连贯、图片压缩、缓存节点动态资源五个性能指标的得分、问题数。

其中，性能评估得分是首字节工夫、放弃连贯、图片压缩、缓存节点动态资源四个性能指标得分的平均值；动态资源 CDN 使用率与动态资源 CDN 应用指标的得分统一。

首字节工夫

单击首字节工夫区块查看预期首字节工夫和理论首字节工夫。

• 预期首字节工夫：胜利加载页面第一个 200 对象所消耗的所有网络工夫的开销 +100ms 偏移。
• 理论首字节工夫：页面开始响应到第一个 200 对象的首字节工夫的工夫总和。

动态资源 CDN 应用

用于评估所有响应 200 的非 HTML 的动态资源对象，通过检测页面上所有非 HTML 的动态资源对象是否由已知的 CDN 主机胜利响应，得出动态资源 CDN 使用率。单击动态资源 CDN 应用区块查看影响得分即有问题的 URL、是否应用 CDN、CDN 服务提供商。

放弃连贯

用于评估所有响应 200 的对象，检测页面上所有参加响应的主机的连贯是否开启了连贯放弃。单击 放弃连贯 区块查看影响得分即有问题的 URL。

图片压缩

用于评估所有响应 200 的图片对象，检测图片对象是否应用了压缩(Compression)。单击图片压缩区块查看影响得分即有问题的 URL。

缓存节点动态资源

用于评估所有响应 200 的非 HTML 的动态资源，检测动态资源是否适当地设置了过期工夫，防止客户端浏览器频繁的从服务器从新下载。单击缓存节点动态资源区块查看影响得分即有问题的 URL、评估后果和评估起因。

剖析元素性能

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 元素性能

在元素性能页面查看页面元素性能剖析，您能够设置数据的工夫范畴，也能够依照域名进行含糊查问。

在元素列表中，查看每个元素的 CDN 服务提供商、被申请次数、均匀响应工夫、可用率和元素大小。

单击元素 URL> 监测点数据，对单个元素进行详细分析，包含响应主机数、城市 & 运营商、拜访监测点数、拜访总次数、均匀响应工夫、均匀可用率和元素大小。同时还能查看具体每一个响应主机是否为 CDN 节点、CDN 服务提供商、拜访监测点、被申请次数、均匀响应工夫和可用率。

单击元素 URL> 最慢 TOP20 页签，查看申请以后元素响应最慢的 20 个监测点详情，包含响应主机、响应工夫、Block 工夫、DNS 解析工夫、建设连接时间、首字节工夫、下载内容工夫。

CDN 评估

在进行 CDN 服务商选型时，您能够通过监控宝 6 欠缺的数据比照，主观地评估不同服务商在雷同利用场景下的性能体现，从而抉择更优质的 CDN 服务商。

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > CDN 评估

在 CDN 评估页面查看对各 CND 服务商的性能评估，包含减速资源数、响应 Cache 节点数、TCP 建设连贯均匀工夫、首字节均匀工夫、均匀下载速率、均匀可用率。您能够通过设置工夫范畴、国家和运营商来筛选数据。在列表中查看每个申请发动地区的申请总次数、响应 Cache 节点数、TCP 建设连贯均匀工夫、首字节均匀工夫、均匀下载速率、可用率。

剖析可用性

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 可用性

在可用性页面查看页面可用性剖析和元素可用性剖析，您能够设置数据的工夫范畴、国家、省份和监测点。

页面可用性

抉择页面页签，查看页面全副或单个不可用类型的散点分布图，谬误和故障类型包含 404 谬误、500 谬误、DNS 解析故障、连贯超时等。

在列表中查看每次监控的工夫、状态类型、监测点 IP、监测点、指标 IP、DNS 服务器。

单击列表的某一时间查看检测历史快照，包含整体响应工夫、首屏工夫、元素瀑布图、网络诊断图，通过具体信息剖析不可用的起因。

元素可用性

抉择元素查看页面全副或单个不可用类型的历史快照列表，谬误和故障类型包含 404 谬误、500 谬误、DNS 解析故障、连贯超时等。在列表中查看每次监控的工夫、监测点、元素类型、监测点 IP、状态类型、元素 URL。

单击列表的任一时间查看检测历史快照，包含整体响应工夫、首屏工夫、元素瀑布图、网络诊断图，通过具体信息剖析不可用的起因。

导出可用性数据

在剖析网页可用性时，您能够依据须要导出可用性数据，包含页面可用性与元素可用性。

参考以下步骤导出可用性数据：

1. 在页面左侧导航栏抉择可用性。依据须要抉择页面或者元素页签。

2. 设置列表查问条件，并单击查问过滤以后页面展现的页面或者元素可用性数据。

   1. 工夫范畴：设置监测工夫范畴过滤可用性数据。工夫范畴跨度最大为 7 天。
   2. 元素（仅实用于元素列表）：依据元素类型过滤可用性数据，包含 Image、CSS、JS 及其他类型。
   3. 状态：依据监控后果过滤当可用性数据，包含全副不可用、404 谬误、500 谬误、DNS 解析故障、脚本谬误、连贯超时及其他谬误。
   4. 国家：依据监测点所在国家过滤可用性数据。
   5. 省份：依据监测点所在省份过滤可用性数据。
   6. 监测点：依据监测点名称过滤可用性数据。
3. 查看可用性数据并在页面右上角，单击导出 Excel 导出以后数据。

比照竞品

配置入口：网页性能监控 > 工作治理 > 指标监控工作 > 综合出现 > 指标比照

在指标比照页面查看竞品之间的首屏工夫比照剖析图，您能够设置数据的工夫范畴、显示的工夫粒度（时或日）和监控指标。监控指标包含首屏工夫、网络层工夫、DNS 解析工夫、建设连接时间、SSL 握手工夫、重定向工夫、首字节工夫、内容下载工夫。

• 单击抉择比照工作抉择一个或多个监控工作退出比照，查看比照剖析图。
• 单击抉择比照检测点抉择一个或多个监测点退出比照，查看比照剖析图。

查看告警音讯

当监控工作有告警音讯时，您还可能在右上方看到实时音讯揭示，单击【音讯图标】查看告警音讯，如下图所示。

您能够通过工夫和告警类型来筛选告警音讯，告警类型包含阈值越界和阈值复原。在告警音讯列表中查看监控工作状态、查看工夫、监控工作名称、所在域 / 服务器、音讯内容等。单击查看列中的【定位图标】，查看有问题的监测点。

小结

通过多个角度的网页性能监控后果剖析，企业客户能够更加理解网站性能瓶颈并制订无效的优化策略。同时，还能够及时发现网页性能问题，防止影响用户体验和网站转化率。总之，网页性能监控后果剖析是网站优化不可或缺的一环。

监控宝的网页性能监控模块采纳国内性能评估规范，并可能依据页面性能和网站资源的监控后果，疾速定位网站性能问题的具体起因及所在的地区，精确地判断问题的起因是网络、CDN、服务器、还是网站页面性能。目前，监控宝已服务数家企业。点击此处，马上申请监控宝收费试用名额 。