WEB前端性能(页面+接口)

news2024/11/13 11:32:53

WEB前端性能(页面+接口)

  • 前端性能渲染过程
    • Blocked时间
    • Connect时间
    • Send时间
    • Waiting时间
    • TTFB
    • Receive时间
    • 响应时间
  • OS相关指标
    • idle
    • iowait
    • us
    • sy
    • swap
    • memory

前端性能渲染过程

Blocked时间

是浏览器查看本地有没有缓存的资源,不会与服务器进行交互,性能中可以忽略
在这里插入图片描述

Connect时间

TCP/IP三次握手
长连接:请求发送链接保持,其他图片等资源还可能重复使用
短连接:请求发送后就断开链接
使用场景:一般WEB项目都是长链接,因为要重复时间一些图片、样式等一些静态资源,减少了建立及关闭连接的消耗与延迟,接口一般是短连接,不需要依赖页面资源
长、短连接设置:一般是在nginx、apache、iis等web服务器上设置
使用长连接条件:需要client与server都需要设置允许长连接
在这里插入图片描述

Send时间

取决于向服务器发送数据量的大小
GET请求小,POST请求大

Waiting时间

等待服务器的处理时间

TTFB

服务器向客户端返回的第一个字节Byte(第一个Buffer)的时间
价值:衡量网络和服务器的灵敏度
TTFB=Connect+Send+Waiting+第一个返回字节时间

Receive时间

下载时间(文件大小、贷款、是否开启压缩)
两种下载策略:
1、压缩-》下载-〉解压缩 一般文本文件像word、excel压缩比例比较高适合压缩
2、直接下载 像媒体文件mp4压缩比例低
是否开启压缩根据文件类型设置规则:
开启:html、css、js文本类资源
不开启:多媒体、图片

响应时间

FFTB+Receive

OS相关指标

idle

真正空闲,cpu是真正的没有事儿可做。

iowait

空闲,cpu除了等待IO操作以外,没有事情可干, 如果iowait很高,说明网络或者磁盘严重拥堵了。
进程与线程几乎不消耗cpu,io操作很消耗cpu 。

在这里插入图片描述

us

用户态–应用程序在执行代码中所消耗的时间,比如腾讯会议、打开的这些软件所消耗的时间。

sy

系统态–sy的值高时,说明系统内核消耗的CPU资源多。
正常应该随着压力增大消耗在us(用户态)上的越多,属于良性表现。
例如:买手机,什么软件都没装,手机本身系统就已经消耗了很大资源,这种不是一个良性表现。

swap

当内存不足时,会采用交换空间的方式,通过swap space 释放不用的物理内存给需要内存的程序使用
在这里插入图片描述
在这里插入图片描述
如上图,物理内存空间实际4G,程序通过malloc申请实际内存5G,malloc程序申请的内存不会直接操作物理内存,通过A001调用红圈位置的1001间接操作物理内存,当程序需要更多的内存,物理内存不够用的时,会启用交换空间swap space,通过swap out将物理内存中不使用的内存存放到swap space中,再通过swap in方式提供给程序,进行交换,此交换操作通过磁盘进行读写,读取速度要比内存慢很多。一般出现交换空间说明内存已经严重不足,没有足够的物理内存。

memory

在这里插入图片描述
cache(读缓存):当内存比较多的时候,linux会缓存最近使用比较多的数据到缓存里面来 ,方便于后面的请求就不用去访问磁盘了,极大的提高了性能。
在这里插入图片描述
buffers(写缓存): 例如往数据库里插入10条数据,每次插入的时候都需要访问磁盘,如果内存空间足够大,数据库每次先插入到缓存,等插到10条统一再访问磁盘,这样减少访问磁盘的次数 。
如果发现内存不足,buff cache的数值就会减小,反之说明物理内存充足。
查看内存是否够用:
1.查看是否用上swap si so
在这里插入图片描述
2.查看available可用内存:free+buff/cache
在这里插入图片描述
程序最大使用内存(虚拟内存)=物理内存+交换空间内存

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/378031.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

自动化测试 ——自动卸载软件

在平常的测试工作中,经常要安装软件,卸载软件, 即繁琐又累。 安装和卸载完全可以做成自动化。 安装软件我们可以通过自动化框架,自动点击Next,来自动安装。 卸载软件我们可以通过msiexec命令行工具自动化卸载软件 用msiexec 命令来卸载软件 …

Linux系列 常用命令(目录和文件管理)vi和vim 编辑使用,(笔记)

作者简介:一名云计算网络运维人员、每天分享网络与运维的技术与干货。 座右铭:低头赶路,敬事如仪 个人主页:网络豆的主页​​​​​​ 目录 前言 一.常用命令(目录和文件管理) 1.查看文件内容 2.统计…

【Java开发】JUC基础 03:线程五大状态和主要方法

1 概念介绍📌 五大状态:new:Thread t new Thread(); 线程对象一旦被创建就进入到了新生状态;就绪状态:当调用start()方法,线程立即进入就绪状态,但不意味着立即调度执行;运行状态&a…

【蓝桥杯集训10】Tire树 字典树 最大异或对专题(3 / 3)

目录 字典树模板 1、插入操作 2、查询操作 143. 最大异或对 - trie 二进制 3485. 最大异或和 - 前缀和Trie滑动窗口 字典树模板 活动 - AcWing 字典树:高效存储和查找字符串集合的数据结构 son[节点1地址][值]节点2地址 —— 节点1的子节点为节点2cnt[节点地…

第三十八章 linux-并发解决方法二(信号量)

第三十八章 linux-并发解决方法二(信号量) 文章目录第三十八章 linux-并发解决方法二(信号量)信号量的定义DOWN操作UP操作相对于自旋锁,信号量的最大特点是允许调用它的线程进入睡眠状态这意味着试图获得某一信号的进程…

第六章.决策树(Decision Tree)—ID3算法,C4.5算法

第六章.决策树(Decision Tree) 6.1 ID3算法,C4.5算法 1.决策树适用的数据类型 比较适合分析离散数据,如果是连续数据要先转换成离散数据再做分析 2.信息熵 1).概念: 一条信息的信息量大小和它的不确定性有直接的关系,要搞清楚一件非常不确…

动态规划(以背包问题为例)

1) 要求达到的目标为装入的背包的总价值最大,并且重量不超出2) 要求装入的物品不能重复动态规划(Dynamic Programming)算法的核心思想是:将大问题划分为小问题进行解决,从而一步步获取最优解的处理算法。动态规划算法与分治算法类似&#xff…

JAVA线程池原理详解二

JAVA线程池原理详解二 一. Executor框架 Eexecutor作为灵活且强大的异步执行框架,其支持多种不同类型的任务执行策略,提供了一种标准的方法将任务的提交过程和执行过程解耦开发,基于生产者-消费者模式,其提交任务的线程相当于生…

Linux操作系统安装MySQL(rpm安装)

Linux操作系统安装MySQL(rpm安装)1 背景2 环境说明3 准备工作3.1 端口查看3.2 检查安装3.3 创建MySQL用户和组4 MySQL安装4.1 下载MySQL4.2 解压安装包4.3 安装MySQL4.4 初始化MySQL4.5 启动MySQL4.6 设置MySQL初始密码4.6.1 查看数据库初始密码4.6.2 更…

力扣-合作过至少三次的演员和导演

大家好,我是空空star,本篇带大家了解一道简单的力扣sql练习题。 文章目录前言一、题目:1050. 合作过至少三次的演员和导演二、解题1.正确示范①提交SQL运行结果2.正确示范②提交SQL运行结果3.正确示范③提交SQL运行结果4.正确示范④提交SQL运…

taobao.user.openuid.getbyorder( 根据订单获取买家openuid )

¥免费不需用户授权 根据订单获取买家openuid,最大查询30个 公共参数 请求地址: HTTP地址 http://gw.api.taobao.com/router/rest 公共请求参数: 请求示例 TaobaoClient client new DefaultTaobaoClient(url, appkey, secret); UserOpenuidGetbyorderR…

性能测试流程及基本介绍

性能名次解释 1、用1个用户(几乎毫无压力)访问服务器,观察项目的基本性能 2、单场景(单接口-基准测试) 目的1:最大处理能力 压力测试 关注结果 目的2:评估接口的性能 负载测试 关注过程 一点点…

开源电子书工具Calibre 6.3 发布

Calibre 开源项目是 Calibre 官方出的电子书管理工具。它可以查看,转换,编辑和分类所有主流格式的电子书。Calibre 是个跨平台软件,可以在 Linux、Windows 和 macOS 上运行。Calibre 6.3 正式发布,此次更新内容如下:新…

离散数学---期末复习知识点

一、 数理逻辑 [复习知识点] 1、命题与联结词(否定¬、析取∨、合取∧、蕴涵→、等价↔),命题(非真既假的陈述句),复合命题(由简单命题通过联结词联结而成的命题) 2、命题公式与赋值(成真、成假)&#x…

软件测试2

一 web掐断三大核心技术 HTML:负责网页的结构 CSS:负责网页的美化 JS:负责网页的行为 二 工具的使用 改变HBuilder文字的大小: 工具-视觉主题设置-大小22-确定 三 html简介 中文定义:超文本标记语言 新建一个html…

浅谈跨境电商运行模式

近些年,由于疫情的原因和人们的消费习惯的改变,线下销售越来越不占优势,电商行业由于这几年的飞速发展,成功地吸引到我国的民众,拼多多、淘宝、京东、天猫等各种各样的国内电商平台涌现,依靠着产品质量好、…

OVN:ovn20.03.1/ovs2.13.0编译rpm过程

操作系统openeuler22.0,x86架构分别下载ovn和ovs的源码https://github.com/openvswitch/ovs/tree/v2.13.0https://github.com/ovn-org/ovn/tree/v20.03.1安装必要工具:yum install -y unzip tar make autoconf automake libtool rpm-build gcc libuuid-d…

FPGA纯verilog代码实现4路视频缩放拼接 提供工程源码和技术支持

目录1、前言2、目前主流的FPGA图像缩放方案3、目前主流的FPGA视频拼接方案4、本设计方案的优越性5、详细设计方案解读HDMI输入图像缩放图像缓存VGA时序HDMI输出6、vivado工程详解7、上板调试验证8、福利:工程源码获取1、前言 本文详细描述了FPGA纯verilog代码实现4…

MyBatis 架构介绍

MyBatis 架构介绍MyBatis 架构图MyBatis 所解决的 JDBC 中存在的问题引用MyBatis 架构图 mybatis 配置:mybatis-config.xml,此文件作为 mybatis 的全局配置文件,配置了 mybatis 的运行环境等信息。另一个 mapper.xml 文件即 sql 映射文件,文件…

跑步戴哪种蓝牙耳机比较好,五款适合跑步的蓝牙耳机推荐

跑步当中佩戴的蓝牙耳机,佩戴舒适度以及牢固度是我们首要关注的,耳机的材质还有耳机的防水能力,都是十分需要注意的方面。那具体在挑选运动耳机当中需要如何选择呢?下面收集的一些在运动当中比较好用的运动蓝牙耳机分享给大家。1、…