17-jmeter-模拟浏览器访问web页面

前言

在做性能测试的时候,有时候我们希望测试用户访问一个web页面的加载时间,使用 jmeter 压测的话,需模拟浏览器的行为,加载整个页面的内容。
包含一些js,css,png图片资源等文件的加载。

浏览器查看加载时间

浏览器加载页面的时间如何查看呢?以chrome 浏览器为例,打开一个web页面,在浏览器输入地址,打开 f12 查看 Newwork 项

看到底部的 Load:54 ms, 这就是页面加载完成的总时间。

 

 

 浏览器加载页面的时候,如果不是第一次加载会用到缓存的,图片和一些js,css资源不会重新下载,所以这个时间会偏低。
接下来 ctrl+f5 强制清缓存,刷新页面,再查看

 总共有16个请求,Load:138 ms,这个时间就是真实的用户第一次访问的加载出来页面所花的时间

jmeter 设置请求

先配置打开web页面的基本请求,线程组设置为1

 

 运行后只有1个请求

 

 响应时间 31毫秒

 响应的时间跟我们预期的结果差很多,这个是因为jmeter发这个请求的时候,只是单纯的访问了这一个接口的地址,并没有去下载jss,css,图片资源。

jmeter 模拟浏览器请求

接下来让 jmeter 模拟浏览器的真实请求

  • 勾选从HTML文件获取所有内含的资源
  • 客户端实现选择 Java 方式

 

 再次发请求,查看结构树,就会看到结构树里面有10个请求,加载到了css,js,图片资源

 

posted @ 2022-11-09 10:42  漫步者1号  阅读(586)  评论(0编辑  收藏  举报