文档首页 > 云评测 > WEB评测 > 功能及视图说明

功能&视图说明

评测对象

移动评测

基于主流手机、 平板设备及操作系统的移动WEB APP、 移动API性能评测。
从32个新的移动性能维度进行全方位评估, 诊断瓶颈, 给出优化建议。
丰富视图还原真实原生态操作系统及浏览器渲染过程, 问题一目了然。

WEB评测

从系统、 网络、 前端、 后端、 速度、 安全等维度全方位评估WEB应用性能。
基于多终端、 多运营商、 多浏览器、 多分辨率下真实渲染过程进行性能评估。
基于40万主流网站的大数据性能分析, 对比行业基准、 评分、 排名, 知己知彼。

网络评测

基于1000亿级别的真实用户数据得到运营商、 省份、 用户的分布属性信息。
智能分析IDC、 优化、 ISP、 DNS、TDO等网络分布、 调度解析合理性。
实时分析优化厂商、 自建优化全国节点,秒级监测每一个节点延时和可用性。

功能及视图说明

全景视图

从瓶颈、速度、加载过程、运营商、主流浏览器、页面属性、主流终端和分辨率等多个维度评测应用性能。

link

图 1.1 全景视图

从六大维度反映真实综合评测结果,并提出优化建议:

速度维度

分析页面加载时间,以及影响因素,如是否需要减少请求,合并静态文件,统一公用JS/CSS文件,使用CSSSprites减少图片请求,减少Cookie大小,内联小图片和JavaScript,减少iframe请求,按需加载、异步加载、延迟加载、预加载等。

前端维度

分析总请求数,前端页面复杂度,以及对性能的影响。如果网页请求越多,图片和流媒体元素数量越多,传输和处理所花的时间就越长。JavaScript数量和使用越多,就需要大量时间执行,第三方组件极大地影响页面加载时间和用户体验。通常可以对首屏进行优化,减少用户看到第一屏的等待时间。尽可能将JS文件放在底部,图片无损和有损压缩,图片预加载,页面代码压缩,精简代码,异步加载第三方脚本,JS性能优化及避免复杂JS,避免CSS表达式。

系统维度

综合分析系统的环境配置,如请求是否可进行缓存优化,请求可合并,请求可进行cookie优化,请求可进行Gzip优化。设置GZIP压缩,避免重定向,设置长时间缓存、尽量使请求可缓存,适当使用多域名增加并行下载,Cookie隔离,按应用选择合适WebServer及硬件服务器,逻辑层协议合并、并行处理,优化操作系统及内核。

网络维度

分析DNS解析,建立连接时间,后端响应时间,请求是否使用优化等影响白屏时间的因素。并建议动静应用分离及使用静、动态优化优化,多区域IDC和运营商部署,动态内网代理,确保IP库精准、减少跨网解析和访问,使用多线BGP覆盖小运营商。

分段视图

分段视图显示整个评测加载过程中四个阶段(DNS、建立连接、后端响应、内容下载)的用时,这里的时间是对整个样本采集后的平均时间。

DNS时间:是从浏览器终端访问请求开始,到浏览器终端获得最终访问主机IP地址的时间;

建立连接时间:浏览器和WEB服务器建立TCP连接所消耗的时间;

后端响应时间:浏览器发出HTTP请求后,WEB服务器进行响应以及后台处理的时间;

内容下载时间:收到WEB服务器返回的第一个数据包,到整页完成下载的时间;

link

图 1.2 分段视图

第二条状图显示各种访问时间段,用户所占比例。

运营商分析

对比从三大运营商接入的用户访问WEB服务器的三种时间均值。

link

图 1.3 运营商分析

如某一运营商下的用户访问WEB服务器时间过长,说明企业需要针对该运营商增加IDC覆盖,或者进行响应的优化租用建点。

浏览器分析

展示被评测的WEB应用通过三种主流浏览器下的访问时间均值。

link

图 1.4 浏览器分析

如发现某一浏览器下访问时间过长,则需要针对该类型浏览器的工作特点进行优化。

元素视图

统计评测对象的页面元素组成以及体积占比。

link

图 1.5 元素视图

终端&分辨率分析

三种主流分辨率分别对应手机终端、PAD终端和PC终端,展示三种终端在主流分辨率下的加载时间分布(DNS、建立连接、后端响应、内容下载),以及请求数量以及流量的统计。

link

图 1.6 终端&分辨率分析

性能评测

从PC、手机、平板三个终端维度详细分析应用的性能瓶颈并给出优化建议。

反映出重不同终端访问网页的白屏时间,首屏时间,整页时间,DNS时间,链接时间,后端时间,请求次数,页面大小。

link

通过视频回放的方式重现应用在终端浏览器中的表现,分析加载过程的逻辑和呈现问题。

link

图 1.7 PC加载视频回放

元素视图

从请求、类型、域名、大小等维度分析应用元素构成及合理性。

link

  • 请求状态时间统计:将页面加载过程所消耗的时间,从请求状态的角度进行分类汇总,统计各种状态下耗时占比。

    link

  • 资源类型时间统计:将页面加载过程所消耗的时间,从页面资源的角度进行分类汇总,统计各种资源消耗时间的占比。

    link

  • 域名分类时间统计:将页面加载过程所消耗的时间,从页面上所有域名的角度进行分类汇总,统计各种域名下的资源耗时占比。

    link

  • 资源类型大小统计:对页面中加载的各种资源,按照类型统计体积大小。体积最大的资源,通常就是下载耗时最多的资源。

    link

  • 域名数据量统计:对页面中加载的各种资源,按照域名归属统计体积大小。

    link

  • 资源类型请求数统计:对页面中的请求数,按照资源类型进行分类统计次数。

    link

诊断视图

从首字节、开启文本压缩、图片压缩、静态缓存、合并文件、ETag、长连接、减少请求、使用优化等维度诊断应用性能。点击 处可以查看对应的优化建议。

link

首字节:统计该请求首字节时间通常达标时间为0.25秒,如未达标,可提高服务器性能或者使用其他措施降低首字节时间。

文本压缩:查看是否开启了GZIP压缩功能,通常建议开启,压缩页面传输内容,减少下载时间。

图片压缩:对该图片可以进行瘦身优化,优化后体积减小,可为每次请该图片的求节省流量。

静态缓存:建议适当延长该请求静态缓存的有效时长仅为6小时, 请至少设置30天的静态缓存有效期。

合并文件:将元素文件的请求可以和其他请求合并,以便减少http请求次数。

ETag:设置ETag,为未变动的元素,不需要重复下载,加快加载速度。

长连接:判断该请是否设置使用长连接,设置长连接可以减少建立连接的次数,提高加载速度,但是长连接过多也会占用服务器资源。

减小请求:是否对请求进行了优化

使用优化:判断是否使用了优化,可以对所有静态元素使用优化,缓存到优化,提高用户下载速度。

瀑布视图

可视图应用在浏览器的渲染过程,从而分析应用的瓶颈。可以查看HTTP头信息,帮助企业定位问题。

link

点击URL前的“+”号图标,会显示如下详细信息:

link

鼠标悬停在时间条上可以显示详细的时间消耗分布。

link

图 1.8 瀑布视图

评分视图

从系统、网络、前端、后端等多个维度打分评估,并给出对应的优化建议。

link

图 1.9 评分视图

图片优化

从浏览器渲染过程中分析所有加载的图片品质,并自动实现优化。只能分析加载过程中可优化图片数量,优化前后体积减少量,并且展示优化前后的视觉效果对比,提供优化图片的在线下载,方便离线使用。

link

图 1.10 图片优化

问题分析

问题分析

例如对某个URL进行WEB 评测,评测后数据如下,白屏时间、首屏时间和整页时间均非常长,用户体验很差。请求次数偏多,页面体积很大,达到3M。

link

从元素视图分析,88%的时间消耗在内容下载。而资源中91%都是图片。从域名分析上看,只有一个域名,因此所有的请求和下载都集中到的一个域名。由于浏览器的并发下载数量有限,因此下载的效率不高。如果能进行域名拆分,可以提高下载并发率。

导出评测报告

导出WEB评测报告

自动生成评测报告,报告格式为PDF

一. 在应用评测任务栏,操作选项下,点击 该图标,会自动进入评测报告下载。报告格式为PDF。

link

二. 选择应用评测,点击查看任务,选择全景视图,进入全景视图后,滚动页面到页面底端,右下角有“导出评测报告”选项,点击,会自动进入评测报告下载。报告格式为PDF。

link