Web性能

Web性能优化实战：如何有效缩短首屏与白屏时间？

一、理解性能核心指标：首屏时间与白屏时间1.1白屏时间（FirstPaint）白屏时间是指用户从输入URL到浏览器开始渲染第一个像素的时间段，通常发生在DNS解析、TCP连接、请求响应等阶段。此时用户看到的是空白页面或浏览器默认背景。关键影响因素：DNS解析耗时TCP连接建立时间服务器响应速度主文档（HTML）下载时间阻塞渲染的头部资源加载1.2首屏时间（FirstContentfulPaint）
斯~内克·2025-02-13 00:17

html加载速度优化,页面加载速度优化的12个建议

Radware发布的2014年春季电商页面速度与Web性能”调查报告强调了电商页面加载速度的重要性，同时指出很多网站都没有利用最佳的页面优化技术，页面加速速度都存在很大缺陷。
陆家贤·2025-02-06 09:55

Web性能优化-详细讲解与实用方法-MDN文档学习笔记

Web性能优化查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网性能优良的网站能够提高访问者留存和用户满意度，减少客户端和服务器之间传输的数据量可降低各方的成本不同的业务目标和用户需求需要不同的性能度量
LoveEmiliaForever·2025-02-02 09:42

WEB性能测试用例设计模型

性能测试用例设计通常不会一次设计到位，是一个不断迭代完善的过程，即使在使用过程中，也不是完全按照设计好的测试用例来执行，需要根据需求的变化进行调整和修改；WEB性能测试用例设计模型是一个内容全面比较容易组织和调整的模型架构
啊Sei·2025-01-24 07:40

Nginx 缓存清理

Nginx缓存清理详解Nginx作为一个高效的Web服务器和反向代理服务器，在提供快速的页面响应和优化Web性能方面起着至关重要的作用。
m0_74823452·2025-01-21 08:49

Nginx负载均衡中实现HTTP/2：配置指南与最佳实践

HTTP/2是HTTP协议的第二个主要版本，旨在通过减少延迟和提高传输效率来改进Web性能。
2401_85743969·2024-09-02 12:54

HAProxy 负载均衡指南

Web性能优
私有运维·2024-08-28 07:14

浅谈web性能测试

web性能应该注意些什么？性能测试，简而言之就是模仿用户对一个系统进行大批量的操作，得出系统各项性能指标和性能瓶颈，并从中发现存在的问题，通过多方协助调优的过程。
.咖啡加剁椒·2024-02-27 08:17

Web性能优化之如何评估网页性能——性能指标和度量工具介绍

虽然当今设备及网络环境都大幅提升，但“带宽低”、“速度慢”、“内存小”的平均情况仍然是web性能瓶颈，特别是在移动端。
Micheal_Wayne·2024-02-01 12:03

web性能指标含义及web-vitals

web性能指标：FP(FirstPaint)首次绘制：标记浏览器渲染任何在视觉上不同于导航前屏幕内容之内容的时间点.FCP(FirstContentfulPaint)首次内容绘制：标记浏览器渲染来自DOM
lean_·2024-01-31 20:22

tracert-命令小结

前言：今天在阅读“Web性能权威指南”这本书的时候，发现tracert这个命令挺有意思的，在分析网络性能瓶颈的时候也能使用的到，在此就小记一笔以备后用。
weixin_34122604·2024-01-27 16:17

抓包工具fiddler看完你就懂了

作用监控浏览器所有的http/https流量查看、分析请求内容细节伪造客户端请求和服务器请求测试网站的性能解密https的web会话全局、局部断电功能第三方插件2、使用场景接口调试、接口测试、线上环境调试、web
软件测试媛·2024-01-27 04:33

vue 删除无用css,【译】Vue 的小奇技（第三篇）：用 PurgeCSS 移除不需要的 CSS

我们有很多可以提高web性能的方法，而其中一种就是把所不需要的JS和CSS，从我们的应用中全部移除掉。
weixin_39586353·2024-01-24 22:04

web性能优化 - 重排与重绘

重排与重绘重排[重构/回流/reflow]：当DOM变化影响了节点的几何属性，浏览器需要重新计算节点的几何属性，并且页面中其他节点的可能受影响，这样渲染树就发生了改变并重新构造渲染树。这个过程称为重排。引起方式：改变页面布局（width,height,left,top等）重绘[repaint或redraw]：重绘是一个节点的外观发生改变的行为，例如改变color、outline等属性。浏览器会根据
squidbrother·2024-01-19 11:27

运维之道 | Zabbix 监控web应用状态信息

前言1、Zabbix监控web服务器访问性能zabbix对web性能的监控，通过它可以了解web站点的可用性以及性能。最终将各项指标绘制到图形中，这样我们可以了解到一个站点的下载速度、响应速度等。
VillianTsang·2024-01-16 00:30

Web性能压力测试工具之ApacheBench（ab）详解

PS：网站性能压力测试是性能调优过程中必不可少的一环。只有让服务器处在高压情况下才能真正体现出各种设置所暴露的问题。Apache中有个自带的，名为ab的程序，可以对Apache或其它类型的服务器进行网站访问压力测试。ApacheBench命令原理：ab命令会创建很多的并发访问线程，模拟多个访问者同时对某一URL地址进行访问。它的测试目标是基于URL的，因此，既可以用来测试Apache的负载压力，也
唐大帅·2024-01-13 14:27

压力测试工具、Web性能压力测试工具ApacheBench（ab）详解

网站性能压力测试是性能调优过程中必不可少的一环。只有让服务器处在高压情况下才能真正体现出各种设置所暴露的问题。Apache中有个自带的，名为ab的程序，可以对Apache或其它类型的服务器进行网站访问压力测试。ApacheBench命令原理：ab命令会创建很多的并发访问线程，模拟多个访问者同时对某一URL地址进行访问。它的测试目标是基于URL的，因此，既可以用来测试Apache的负载压力，也可以测
NPException·2024-01-13 14:25

web性能压力测试工具之--linux环境下ApacheBench（ab）安装与使用详解

一、前言之前写过一篇压力测试工具locust的入门使用教程，也是我日常测试中比较常用的一款工具，它的好处就是可以扩展，可以自己定义脚本运行的行为准则，没有那么多的条条框框，而且依赖的是python的编写框架与各种开源包，相比于jmeter显得更加的轻量级，从它自己使用的协程（微线程）就可以看出来，那么本篇就来介绍另一款测试工具--ApacheBench，简称ab；如果说测试过程中并没有自己定义脚本
wu~~那我走？·2024-01-13 14:54

web性能优化-面试篇

分析一个网站从用户按回车的一瞬间经历了哪些跟前端相关的过程先判断页面的缓存DNS查询建立TCP连接发送HTTP请求接收响应接收完成得到一个HTML查看DOCTYPE根据你的DOCTYPE去选择是用html/xml逐行解析（阅读）看到标签看到css(下载css然后继续往下看还有没有css，如果还有旧同时下载第二个，第三个....最ie可以同时下载4个，当超过4个的时候剩下的就得排队，等到其中哪一个下
sweetBoy_9126·2024-01-05 16:43

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impac

这可能会影响web性能。
牧马少女·2024-01-05 16:47

浅谈web性能测试

web性能应该注意些什么？性能测试，简而言之就是模仿用户对一个系统进行大批量的操作，得出系统各项性能指标和性能瓶颈，并从中发现存在的问题，通过多方协助调优的过程。
测试界的路飞·2024-01-05 04:18

强制缓存与协商缓存

Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
镜轩夕照·2024-01-02 08:45

基于nodejs的雪碧图制作工具

在Web开发中，使用雪碧图是优化Web性能的一种方法。比如你可能遇到过这样的一种场景：在你的页面中，使用到了很多的小图标，然后你的每个小图标都是通过来引用的。
SimpleCXD·2023-12-30 18:33

输入url后回车发生了什么（持续更新）

通过了解浏览器的单线程性质并在可能和适当的情况下最大程度地减少主线程的职责，以确保渲染顺利并且对交互的响应立即响应，可以提高Web性能。
云上锦书·2023-12-25 20:24

【转】HTTP 请求头中的 X-Forwarded-For

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。另一方面，随
liuwei89757·2023-12-25 16:34

HTTP 请求头中的 X-Forwarded-For

一方面，前端很多工作如Web性能优化，大部分规则都跟HTTP、HTTPS、SPDY和TCP等协议的特点直接对应，如果不从协议本身出发而是一味地照办教条，很可能适得其反。
想跑步丶小胖子·2023-12-17 19:05

web性能检测工具lighthouse

AboutAutomatedauditing,performancemetrics,andbestpracticesfortheweb.Lighthouse可以自动检查Web页面的性能。你可以以多种方式使用它。浏览器插件作为浏览器插件，访问chrome网上商店搜索Lighthouse插件安装。以两种方式使用。方式一安装成功后，访问想要检查的页面，开发插件，点击Generatereport，稍等片刻
测试界柠檬·2023-12-15 00:47

浅谈web性能测试

web性能应该注意些什么？性能测试，简而言之就是模仿用户对一个系统进行大批量的操作，得出系统各项性能指标和性能瓶颈，并从中发现存在的问题，通过多方协助调优的过程。
测试界柠檬·2023-12-15 00:17

Fiddler抓包工具实战

调试的利器监控浏览器所有的HTTP/HTTPS流量查看、分析请求内容细节伪造客户端请求和服务器响应测试网站的性能解密HTTPS的web会话全局、局部断点功能第三方插件场景使用场景接口调试、接口测试、线上环境调试、web
喜欢软测的小北葵·2023-12-06 22:14

【0基础也能学会】JMeter：如何开始简单的WEB压力测试？

考虑到JMeter是流行的Web性能压测工具，因此趁着这次机会上网查阅了很多关于JMeter的资料，也自己动手进行软件的配置和调测，从最基本的发送HTTP请求，到参数化输入，分布式测试和最后的实时结果展示都折腾了一把
测试界吖吖·2023-12-03 06:31

软件测试90%+的面试官，都会问到这些问题！！

考查目的：web性能评估参考：1、web系统性能指标是什么（性能测试评估，）2、我们项目web系统，http，jmeter，LR；Jmeter3、我们要测试哪些业
不是Y君·2023-12-02 10:30

前端性能优化

加载慢，交互卡web性能：打开速度，动画效果，表单提交，列表滚动，页面切换定义：客观度量和可感知的用户体验减少整体加载时间：减少文件体积减少http请求使用预加载使网站尽快可用：仅加载首屏内容，其他内容懒加载平滑和交互性
BonnieYY·2023-11-30 02:11

tracert命令

前言：今天在阅读“Web性能权威指南”这本书的时候，发现tracert这个命令挺有意思的，在分析网络性能瓶颈的时候也能使用的到，在此就小记一笔以备后用。
xixiyuguang·2023-11-29 13:37

优化前端性能

整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘)会大大影响web性能，尤其是手机页面。
郁美人·2023-11-29 01:20

nginx服务器性能瓶颈,Nginx开启一个参数就能让你的WEB性能提升3倍的方法

一、遇到的一些问题记得2008年做性能测试的时候，新进7台lenovo4核4G服务器用于性能测试。当时资源紧张，这7台服务器都装了双系统(Win2003/CentOS5)空闲时用于做测试机(压测的Agent)。当时给Nginx做了一系列测试，印象很深的是：在这批机器上，Nginx状态页面的压测。短连接的话最佳QPS约4万，长连接的话最高QPS约13万。大概3年后，那批lenovo服务器已经没人瞧得
大牙闺秀·2023-11-27 12:04

Sentry 监控 - Security Policy 安全策略报告

创建版本快速使用Docker上手Sentry-CLI-30秒上手SourceMapsSentryForReact完整接入详解SentryForVue完整接入详解Sentry-CLI使用详解SentryWeb
为为少·2023-11-27 10:32

一些可以参考的文档集合2

20211220渲染页面：浏览器的工作原理-Web性能|MDN了解如何提升性能和感知性能，有助于了解浏览器的工作原理。
xuejianxinokok·2023-11-26 11:50

Yahoo——网站性能优化35条黄金守则

的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。
岁月婧好·2023-11-21 11:26

Yahoo!团队实践分享：网站性能优化的35条黄金守则

的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。
evasnowind·2023-11-21 11:50

Fiddler抓包流程

可用于接口调试，接口测试，web性能分析，判断前
测试-八戒·2023-11-14 14:06

web性能检测工具lighthouse

专注于分享软件测试干货内容，欢迎点赞收藏⭐留言如有错误敬请指正！交流讨论：欢迎加入我们一起学习！资源分享：耗时200+小时精选的「软件测试」资料包最困难的时候，也就是我们离成功不远的时候！目录浏览器插件NodeCLI以编程模式使用Web网站最后AboutAutomatedauditing,performancemetrics,andbestpracticesfortheweb.Lighthouse
自动化测试学习官·2023-11-09 03:54

web性能优化

1、请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这
F飞凡·2023-11-06 10:35

测试工具学习——JMeter

《零成本实现Web性能测试——基于ApacheJMeter和Gatling》这本书共有20章性能测试基础JMeter基础知识Web性能测试脚本录制与开发数据库性能测试脚本开
烨非灬·2023-11-03 21:05

性能测试基础知识汇总

文章目录1、web性能测试常用指标1.1、响应时间1.2、2-5-8原则1.3、吞吐量1.4、资源使用率1.5、每秒点击数:1.6、并发用户数1、web性能测试常用指标1.1、响应时间就是用户感受系统为其服务所耗费的时间
一株禾·2023-10-31 12:16

软件测试工程师必会的抓包工具

应用场景：1.接口调试和测试2.线上环境调试3.web性能分析4.判断前后端bug5.开发环境hosts配置6.mock（虚拟测
yoyo小小汐~·2023-10-31 05:11

Python、JavaScript和Rust的Web性能比较 - Alex

Python使用FastApi测试；Node.JS使用Fastify；Rust则使用Actix。选择的Python和Node框架，是在搜索"最快的api"时得到的最高结果；Rust的Actix是一直高度维护的。测试的基础很简单；在我的MacBookProM1上，每个框架处理来自网络服务器的5000个基本"Hello,World"响应需要多长时间？我用来运行测试的代码非常简单，显然，我们只关心速度：
Python_xiaowu·2023-10-29 01:47

web性能测试工具-lighthouse&&perfomance&&pagespeed

lighthouse:1.使用lighthouse：F12->lighthouse2.生成测试报告先访问需要评估的网站，比如http://www.baidu.com，然后generatereport即可。lighthouse会运行一系列的测试审查这个页面，然后它会把关于页面执行的一些性能指标以报告的形式展示给你。你可以参考这份报告中的一些指标提示来提升你的网站应用。Lighthouse能够生成一份
Jane_51·2023-10-28 02:07

【0基础也能学会】JMeter：如何开始简单的WEB压力测试？

考虑到JMeter是流行的Web性能压测工具，因此趁着这次机会上网查阅了很多关于JMeter的资料，也自己动手进行软件的配置和调测，从最基本的发送HTTP请求，到参数化输入，分布式测试和最后的实时结果展示都折腾了一把
程序员曦曦·2023-10-27 02:35

抓包工具fiddler的基础知识

作用监控浏览器所有的http/https流量查看、分析请求内容细节伪造客户端请求和服务器请求测试网站的性能解密https的web会话全局、局部断电功能第三方插件2、使用场景接口调试、接口测试、线上环境调试、web
程序员雷叔·2023-10-25 17:49

Sentry 官方 JavaScript SDK 简介与调试指南

创建版本快速使用Docker上手Sentry-CLI-30秒上手SourceMapsSentryForReact完整接入详解SentryForVue完整接入详解Sentry-CLI使用详解SentryWeb
为为少·2023-10-19 06:35
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他