关注前端的性能测试

前端所关注的指标

在性能测试中，前端和后端所关注的指标是不一样的

响应时间

如果进行的是系统级别的测试，那么响应时间就是从 C 端发出请求开始计算，直到 C 端收到响应数据并展示出来的时间。也就是下图中的N1+N2+T3+T4+T5+T6+T7+T8
如果进行的是接口级别的测试，那么响应时间就是从 C 端发出请求开始计算，直到 C 端收到最后一个字节的响应数据。也就是下图中的N1+T3+T4+T5+T6+T7+T8

图示 请求响应的过程

• 减少http请求数量
  前端优化方面，可以减少http的请求数量，去除没必要的重复请求
• 使用CDN
  CDN（内容分发网络），简单理解就是很多缓存服务器分布在用户访问相对集中的地区或网络中，如果用户访问的资源已经存在这些缓存服务器中，那么用户就能够以最快的速度直接访问该缓存服务器，获取到想要的资源。更形象的说法就是：我本来走1米的路去拿坚果吃，现在把坚果距离我半米的地方，我省去一半时间就可以拿到坚果了。参考文章

加载速度

C 端接收到响应数据，加载并显示的时间。受页面大小、浏览器、用户电脑/手机的配置的影响

• 资源压缩再传送
  比如说Falsh、图片、css、html等资源，可以压缩再进行传送
• 利用缓存
  一些安全性较低的资源，可以利用缓存保存在本地，减少重复内容的传输和加载。比如说图片、Falsh、安全性低的数据等

电量（手机APP）

手机上的软件一些情况会增加耗电量：GPS、唤醒机制、蓝牙、监听、联网、高速运算（消耗CPU）等。

流量（手机APP）

流量消耗多的原因，一般有：资源太大、重复请求、日志上传频繁、埋点数据上传
可以这样去观察流量消耗：
1.app首次启动流量提示
2.app处于后台一段时间后的静默流量
3.app处于前台高负荷使用一段时间后的流量消耗

FPS/动画帧率

视频是由很多幅画快速变化形成的，一幅画就是一帧，帧数就是1秒时间内传输的图片的量，也就是图像处理器每秒能够刷新几次，就是FPS（Frames Per Second）
帧数达到了60FPS以上，人的感官就几乎感受不到差别了，所以说60FPS可以作为衡量标准，每一帧刷新的时间要小于16ms，这样才能保证在人看来，视频流畅平滑。

Crash

app产生Crash，一般有内存泄漏、空指针、调用高版本的api、数组越界等原因