web测试时页面加载,页面性能问题

最近工作中遇到了一些页面加载问题,页面上的接口请求时长问题,这里做了点总结,仅供参考

一般我们做web测试,主要面向的是功能测试,但是只是无脑的在页面上点点点么?并非如此,本文为大家介绍使用浏览器抓包时我们需要注意的性能问题

页面加载如何关注?

通常功能测试使用的是浏览器,需要开启浏览器f12进行抓包
在这里插入图片描述在这里插入图片描述

那我们要怎么分析?

  1. 页面加载静态资源、图片等,总体时长要结合资源的大小,还得结合当时的带宽

  2. 一般情况下请求时长不会太长,具体得看公司要求的接口返回时间的标准,但是跟带宽、请求的conten大小有关

  3. 等待时长:
    1)如果请求的是后端接口,等待时长要结合请求的地址,或许与db交互,也行是处理逻辑复杂,但更多需要找开发确认是否是逻辑处理有问题,时间太长很有可能是需要优化
    2)如果是静态资源,可能跟服务器有关,带宽等都有关

  4. 下载时长:
    1)静态资源还是与网络带宽、资源大小有关系
    2)接口也是跟res的content都有关系

  5. 还有就是如果是静态资源,资源大小、资源格式差不多的情况下理论上等待时长、下载时长都差不多,如果差太大,可能需要找前端同学问问啥原因,是不是请求顺序或者处理逻辑有问题

以上是工作中一些常见页面调优的总结,仅供参考,如有不同意见,欢迎讨论

李同学
关注 关注
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AOL pagetest网页加载速度测试工具
10-16
  这对于网页设计者来说是一个好工具。       一个ie插件,安装后在ie的界面上点右键--自定义命令栏--添加删除命令,把pagetest图标放到界面上显示。         使用方法:   1. 打开一个ie界面。   2. 点击pagetest按钮会弹出pagetest窗口。   3. 在ie地址栏中打开一个网址,那么在这个网页加载过程中,pagetest窗口会显示网页中各个元素的加载间和总间。      如果要重复多次的测试网页,每测同一个页面候需要清空缓存,否则测试间不准。清缓存建议使用我提供的另一个插件cachepal,与AOL-pagetest一起使用更方便。       cachepal下载地址 http://download.csdn.net/source/2759906          广告一下我的QQ群,谢绝只加群不说话的人加入。 WEB前端群:73269871 LAMP群:34513293 Java Paradise群:81556987   
浏览器的加载页面性能优化
weixin_34240520的博客
02-15 438
本文将探讨浏览器渲染的loading过程,主要有2个目的: 了解浏览器在loading过程中的实现细节,具体都做了什么 研究如何根据浏览器的实现原理进行优化,提升页面响应速度 由于loading和parsing是相互交织、错综复杂的,这里面有大量的知识点,为了避免过于发散本文将不会对每个细节都深入研究,而是将重点放在开发中容易控制的部分(Web前...
WebPagetest-测试网页加载速度
weixin_30764771的博客
03-25 925
如何测试网页加载速度,WebPagetest使用技巧 间:2018-10-26 06:22 来源:长春网站建设 作者:长春网站优化 浏览:586次   网站页面的打开速度,将会影响网站收录、网站排名,相信这点长春SEO站长们都知道,那么对于自己的站点如何判断访问加载的速度是快还是慢那?今天长春SEO站长就和大家说说一款非常实用的网页测速工具,webpagestest...
如何判断网页的页面性能
一缕阳光
12-11 1363
一、页面性能测试概述 页面性能测试则是针对于页面性能优化而开展的一种性能测试,目的是对Web系统的页面进行测试以确认系统页面是否会影响系统的性能并为页面的优化提供依据与建议,最终提升系统的整体性能表现,提高用户体验满意度。可见,Web系统页面性能测试是相对Web系统后台测试的另外一种性能测试,是Web系统性能测试的一个重要部分。 二、页面性能测试必要性 相对于C/S架构的应用系统,W
网页加载慢的测试方法
weixin_43637946的博客
10-17 820
测试网页代码加载速度背景测试方法 背景 最近用Hbuilder写了一个简单的网页,但是用到了很多的图片,本地加载很快,但是别人访问的加载很慢。 测试方法 百度的话 都是一些不着调的。打开你的网页,然后F12,选择network,然后重新加载,就会出现进度条。 这样的话就清楚问题,然后针对解决。 ...
WEB页面性能测试专业术语+页面性能测试指标采集方式
05-16
WEB页面性能测试专业术语+页面性能测试指标采集方式: 页面性能测试专业术语:白屏间、首次页面加载完成间(首屏加载间)、非首次页面加载完成间、首屏绘制(First Paint,FP)、首屏内容绘制(First ...
性能优化之代码优化页面加载速度
08-31
页面性能优化是提升用户体验的关键因素之一,特别是对于网页加载速度的优化,能够显著降低用户等待间,提高网站的访问量和用户满意度。本文将深入探讨代码层面的优化策略,以加快页面加载速度。 首先,正确放置...
WEB页面测试
04-02
- **性能测试**:评估页面加载速度和资源消耗,优化响应间。 - **兼容性测试**:确保页面在不同的浏览器(如Chrome、Firefox、Safari)、操作系统(Windows、MacOS、iOS、Android)以及设备上表现一致。 - **...
性能WEB开发 web性能测试工具推荐
10-29
Page Speed是基于Firebug的扩展,它为页面性能提供评分,并给出改进建议,满分为100分。PageSpeed不仅能检测JS解析间,还能帮助开发者识别出页面优化的潜在方向。 YSlow是Yahoo开发的一款类似Page Speed的工具,...
iframe 异步加载技术及性能分析
12-04
在选择加载策略,应考虑内容的重要性、加载间、用户交互需求以及对页面性能的影响。同,可以使用工具如WebPageTest进行性能测试,评估不同加载方法的实际效果。对于那些非关键内容,优先考虑在`onload`后或...
网页加载测试工具简介---AINA Lyzer功能
Fbrady的博客
06-29 848
对网页加载全部短连接的加载长进行统计,分析加载长较长的端口和连接并进行研发优化
页面加载过程(url->页面)
yangyang3401的博客
10-02 1521
网页加载过程
WEB站点加载速度测试工具汇总
IT行业中技术是生产力一切之根
11-19 447
source:http://www.cnblogs.com/wpsl5168/archive/2008/11/19/1336982.htmlWEB站点加载速度测试工具汇总 一。 工具链接:http://www.webslug.info功能说明:可以对2个站点的页面进行对比,会分别提供onload间。二、工具链接: http://tools.pingdom.co
页面加载性能之如何测试打开速度
找到Web
07-15 2041
真实世界性能是多变的,考虑到用户的设备、网络连接等其他因素。举个例子,你在办公室有线网络打开一个网页,和在咖啡店用wifi打开一个网页,体验肯定不一样。 实验数据(Lab Data) 开发过程中,我们拿来测试的一些数据,可复现,可调式,但不能测出真实世界的瓶颈,也不能跟KPI挂钩,需要刻提醒自己用户可能在4G或者更差的网络条件下打开。 现场数据(Field Data) 也被称为RUM(Real User Monitoring),可以测出真实用户的体验,跟KPI也是紧密相关,但却很难调试。 工具 Ligh
Web组件的使用
一起学鸿蒙呀~~
01-11 1564
相信大家都遇到过这样的场景,有候我们点击应用的页面,会跳转到一个类似浏览器加载页面加载完成后,才显示这个页面的具体内容,这个加载和显示网页的过程通常都是浏览器的任务。ArkUI为我们提供了Web组件来加载网页,借助它我们就相当于在自己的应用程序里嵌入一个浏览器,从而非常轻松地展示各种各样的网页。本文将为您介绍Web组件一些常用API的使用。
测试网页载入间】Pingdom
dustcool 之专栏
04-18 2052
正如我上篇文章所提到的,网页载入间是非常重要的一个值,它直接影响到是用户体验,这也是ZetaFocus!第二次改版的主要原因。对于共享软件作者而言,网页载入间直接意味着下载和购买转换率;不要考验访问者的耐性,我们需要快速的把我们的产品展示给访问者。如果你对你的网页载入间只有一个模糊的概念,那么现在通过Pingdom能够使模糊的概念数字化;数字化也是我一直强调的做法。首先让我们来定义一下网
Java web应用性能分析服务端慢之前端页面
最新发布
为无为,事无事,味无味。
04-19 1220
大多数的卡顿场景,都是由于页面渲染掉帧导致的。因此针对页面的更新渲染,不管是 DOM 渲染还是 Canvas 渲染,需要注意将帧率保持在 50~60 FPS 的范围内,这样用户的体验会流程很多。当然,如果我们的代码里有死循环和回调嵌套,造成页面直接卡死,也是卡顿的一种情况,但这就又是另外一个故事。参考下面文章关于前端页面慢的原因,小结如下:1、过多的http请求解决办法:减少http请求。
性能测试http_load
jay38301205419850523的博客
03-18 192
Web服务器压力测试工具http_load 一、http_load http_load以并行复用的方式运行,用以测试web服务器的吞吐量与负载。但是它不同于大多数压力测试工 具,它可以以一个单一的进程运行,一般不会把客户机搞死。还可以测试HTTPS类的网站请求。 下载地址:http://soft.vpser.net/test/http_load/http_load-12mar2006....
测试》:如何测试网页的登录页面
热门推荐
wojiushimogui的博客
08-10 1万+
如何测试网页的登录页面当我们写一个登陆界面,为使其更好的工作,也为了有更好的用户体验,我们需要对登陆界面进行如下的测试。一般情况下,我们在测试之前,首先要明白的一件事是:弄懂需求,没有需求的测试都是扯淡。例如:一个网站,需要有这样一项该网站最多只有5个人来进行同访问。如果我们知道这个需求,在我们测试候就需要在性能测试测试并发数很高的测试用例。用户需求:有一个登陆界面,界面中有两个textbo
Web页面自动化测试与质量保证
测试页面元素,还要考虑页面加载速度、响应间和页面布局的适应性,尤其是在不同设备和屏幕尺寸上。此外,可访问性测试确保网页对残疾用户友好,遵循WCAG(Web Content Accessibility Guidelines)标准。 Web...
写文章

热门文章

  • Jmeter连接数据库的使用 1546
  • jmeter 集群(分布式)部署 661
  • web测试时页面加载,页面性能问题 282
  • Charles证书配置 260
  • python的虚拟环境 194

分类专栏

  • 自动化测试 2篇

最新文章

  • Charles证书配置
  • python快速排序
  • jmeter 集群(分布式)部署
2023年4篇
2021年2篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳坪山网站建设公司外包的网站怎么做优化网站关键词优化代管淘客网站搭建优化金山区百度网站优化费用贵阳网站优化如何神马网站排名优化如何优化平台网站北京网站建设优化学校范县网站优化网站排名怎么优化哪家正规丽水很好的网站优化用户体验一个新的网站怎么优化厦门网站排名优化费用辛集优化网站价格网站如何做优化推广广告杭州网站seo关键字优化费用汉中网站优化服务粉天下网站优化图片网站优化方法郁南网站seo优化武汉低成本网站优化公司如何免费优化网站大溪网站优化公司益阳网站搜索排名优化泉州网站优化多少钱优化网站方法榜样云速捷优选深圳企业网站优化多少钱泰州网站优化哪里不错优化商务网站海口市网站优化香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化