web前端页面性能测试

一、页面性能测试概述

  • 页面性能测试则是针对于页面性能优化而开展的一种性能测试
  • 目的是对Web系统的页面进行测试以确认系统页面是否会影响系统的性能并为页面的优化提供依据与建议,最终提升系统的整体性能表现,提高用户体验满意度。
  • 可见,Web系统页面性能测试是相对Web系统后台测试的另外一种性能测试,是Web系统性能测试的一个重要部分。
  • 前端性能和后端性能区别:他们关注点不同,前端性能关注单个用户的感受。后端性能关注是更多用户访问系统时,服务器能更稳定、更快的处理用户发来的请求。一个强大的后台是前台的基础。

二、页面性能测试必要性

相对于C/S架构的应用系统,Web应用系统所有数据都需要从服务器端下载,虽然浏览器有缓存机制,但客户每次访问仍然需要下载大量的数据。

特别是用户对系统要求越来越高,除了要求功能完备,对界面的美观、易用性也提出了更高的要求,越炫的页面也就意味着页面中要包含更多的脚本、

样式表、图片和Flash,页面的数据量也就越大,这对Web系统的性能提出了极大的挑战。

 三、提升页面性能的方法

  • 减少请求和响应的往返次数--缓存
  • 减少请求和响应的往返字节大小。

---------------------减少请求和响应的往返次数:-----------------------

 HTTP缓存是最好的减少客户端服务器端往返次数的办法。缓存提供了一种机制来保证客户端或者代理能够存储一些东西

而这些东西将会在稍后的HTTP 响应中用到的。这样,就不用让文件再次跨越整个网络了。

当客户端需要一个资源(html,css.js…),他们有3种可能的动作:

 1 发送一个一般的HTTP请求到远程服务器端,请求这个资源。

 2 发送一个有条件的HTTP请求到服务器,条件就是如果它不同于本地的缓存版本。

 3 如果缓存的拷贝可用,就使用本地的缓存资源。

-------------------------减少请求肯响应往返的字节大小:---------------------------------

1 使用更少的图画

2 将所有的CSS浓缩到一个CSS文件中

3 将所有的脚本浓缩到一个JS文件中

4 简化你的页时间

5 使用HTTP压缩

猜你喜欢

转载自www.cnblogs.com/zhangwangvip/p/12971013.html