4.1-web前端性能测试基础概述

chamberlain chamberlain     2022-12-05     686

关键词:

网站性能概述

1.网站架构通常分为前端和后台。

2.后台是实现网站功能的,比如:实现用户注册,用户能够为文章发表评论等等。

3.前端属于功能的表现,并且影响用户访问体验的绝大部分来自己前端页面。

4.网站前端的用户体验决定了用户是否想要去使用网站的功能,而网站的功能决定了用户是否会一票否决前端体验。

5.用户最关注的的前台指标:响应时间,因为直接影响用户看网站爽不爽的问题。网站一秒钟打开和十秒钟打开完全是两个水平。

6.用户最关注的响应时间有什么决定

  -用户的电脑性能

  -网络有关系(你家网络2m访问百度和100Mf访问百度是不一样的)

  -web服务器

7.用户反映网页慢,比如,超过3s,请问如何定位这个问题。

 -采用控制变量法

(1)是一个用户慢?还是一群用户慢?还是全部用户慢?(定位客户的环境是否导致我们的系统性能问题)

(2)用户在哪里慢,是支付慢,还是打开主页慢,还是操作里面那个具体的业务逻辑慢?(定位我们系统那部分出现了问题)

(3)针对特定问题,编写性能脚本,进行问题的复现,引入开发人员(CPU,menory,disk,input,output带宽多少,查看出问题的这块代码)

 

网站架构

通过浏览器访问服务器(B/S架构)

(此处有个图:一个电脑像一个服务器发送HTTP请求 然后得到response响应)

 

web站点访问原理图

(此处有一个图DNS域名解析)

 

浏览器请求处理流程图

(浏览器请求-有缓存-)

有时候浏览器打开网页快,展示内容快。但是性能测试工具响应时间却慢了。因为自己的电脑有了缓存。每次请求都用了之前访问页面或者别的请求的缓存。在C盘的AppData里面。主要是两个缓存 客户端缓存与服务器缓存。

 

web测试技术之协议-HTTP

HTTP协议:是一种详细规定了浏览器和服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。

HTTP协议是客户端发起请求,服务器回送响应。这样就限制了使用HTTP协议,无法实现在客户端没有发起请求的时候。服务器将消息推送给客户端。

HTTP默认端口号为80

HTTPS默认端口号为443

 

web技术之语言-HTML

HTML是一种超文本资料的简单标记语言。

 

前端app专项测试理论基础

专项分类一、专项性能-内存1.OOM:一次性分配内存不足,超过Android进程最大内存限制,挤爆内存。持续内容泄漏导致内存不足。2.LowMemoryKiller:手机剩余内存低于警戒线后,LowMemoryKiller会在后台钉死占用内存较多的进程。3.频繁G... 查看详情

jmeter基础016----jmeter接口功能性能自动化测试

一、JMeter接口功能测试1、概述   接口功能测试主要是测试系统中各个接口基本功能是否能够正常运行提交的数据(正向数据+逆向数据),模拟用户的多样性操作,检测程序的响应是否合情合理(符合预期)。2、功能测... 查看详情

性能测试过程和计划

...DBA是必不可少的,然后需要一至几名系统开发人员(对应前端、后台等),还有性能测试设计和分析人员、脚本开发  和执行人员;在正 查看详情

性能测试流程

...DBA是必不可少的,然后需要一至几名系统开发人员(对应前端、后台等),还有性能测试设计和分析人员、脚本开发  和执行人员;在正式开始工作之前,应该对脚本开发和执行人员进行一些培训,或者应该由具有相关经验的... 查看详情

前端性能优化概述

1.减少请求数量图片处理Base64将图片的内容以Base64格式内嵌到HTML中,可以减少http的请求数量,但是编码之后的大小比图片大了使用字体图标代替图标避免使用空的src和href不要使用css@import2.减小资源大小html压缩html代码... 查看详情

性能测试基础概念

性能测试(一)基础概念本系列简述的是性能测试  阅读目录什么是性能测试性能测试的目的性能测试的类型性能测试的需求性能测试环境测试数据 什么是性能测试性能测试是通过自动化的测试工具模拟多钟正常,峰... 查看详情

h5前端性能测试快速入门

...WEB测试的同学来说再熟悉不过了,它包括页H5功能测试,前端性能测试,浏览器兼容性能测试,以及服务端性能测试。那本文谈到的则是H5前端性能测试,并希望通过阅读本文后,能够知道:H5前端性能测试什么?如何发现问题以... 查看详情

pytest接口自动化测试框架|接口测试概述

...支持!为什么要做接口测试?尽早的进入项目中前端后端,不用等前端开发出来就可以介入 查看详情

性能测试基础概念

本系列简述的是性能测试  阅读目录什么是性能测试性能测试的目的性能测试的类型性能测试的需求性能测试环境测试数据 什么是性能测试性能测试是通过自动化的测试工具模拟多钟正常,峰值,以及异常负载条件,... 查看详情

用docker安装web前端性能测试工具yellowlabtools(代码片段)

...wLabTools概述1.YellowLabTools简介YellowLabTools:是一款开源的Web前端性能测试工具,具有一些在其他工具上无法看到的独特功能,如页面加载时,JavaScript与DOM互动和其他程序代码验证问题。YellowLabTools偏向于一个发现不良实践的工具,... 查看详情

性能测试基础知识

一、性能测试基础概要:性能测试,负载测试,压力测试,并发测试。 性能测试:主要通过模拟生产运行的业务压力量和使用场景组合,测试系统的性能是否满足生产性能要求,通俗的说就是要在特定的运行条件验证系统的... 查看详情

性能测试前端性能优化方法

...一个开发者或者性能测试工程师,如何去测试并提升优化前端的性能呢? 一、浏览器打开URL和方式和过程不同浏览器工作方式不完全一样,大体来讲,浏览器的核心是浏览器引擎;不同浏览器对W3C的规范支持不尽相同,在具... 查看详情

阅读笔记05

...试方法、性能测试报告、性能优化策略五个反面。其中Web前端的优化是业务逻辑之前的部分。包括浏览 查看详情

性能测试基础-开门篇1

软件性能测试概念:     什么是软件性能测试?    软件性能测试,英文是PerformanceTesting,软件性能测试是在交替进行负荷和强迫测试时常用的术语,理想的“软件性能测试”(和其他类型的... 查看详情

前端开发概述+js基础细节知识点

一前端开发概述html页面:htmlcssjavascript拿到UI设计图纸:切图-->html+css静态布局-->用JS写一写动态效果-->ajax和后台进行交互,把数据动态绑定到页面上-->用node.js服务平台做源代码管理-->用node.js做后台二js引入到页面的方式... 查看详情

性能测试基础

   性能测试包括执行效率、资源占用率、系统稳定性、安全性、兼容性、可靠性、可扩展性等,性能测试就是为描述测试对象与性能相关的特征并对其进行评价而实施和执行的一类测试。性能测试主要通过自动化的测试工... 查看详情

性能测试基础知识

一、性能测试基本流程: 业务学习需求分析工作评估设计模型编写计划评审计划脚本开发环境准备准备数据测试执行缺陷管理性能分析性能调优测试报告结果评审  二、性能测试成功与失败要素性能测试有几大难点:... 查看详情

前端系列之javascript基础知识概述

?微信公众号:compassblog欢迎关注,欢迎转发,互相学习,共同进步!有任何问题,请后台留言联系!1、什么是JavaScript(1)、JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌... 查看详情