web性能

异步技术：Web 性能优化的核心引擎

异步技术：Web性能优化的核心引擎引言：当「等待」成为性能瓶颈当用户访问一个传统同步加载的新闻门户网站时，主线程在解析到时突然停止渲染，页面停留在白屏状态长达2秒——这正是GoogleLighthouse
weixin_47233946·2025-07-11 17:14

浏览器缓存策略

浏览器缓存策略是Web性能优化的核心机制之一，通过合理利用缓存可以减少网络请求、降低服务器负载并加速页面加载。
醉方休·2025-07-06 14:09

HTTP 缓存

介绍HTTP缓存是Web性能优化中至关重要的一个概念。当客户端（如浏览器）向服务器发出请求时，服务器会返回一个响应，这个响应可以被缓存并存储。
·2025-07-06 14:06

Web性能测试常用指标（转自百度AI）

Web性能测试常用指标Web性能测试涉及多个维度的指标，主要分为前端页面性能指标和后端服务性能指标两大类，以下为关键指标详解：一、前端页面性能指标通过浏览器开发者工具（如ChromeDevTools）或专用工具
chenbin___·2025-07-02 08:31

web性能优化

性能优化步骤：确定性能指标使用专业工具测量性能表现找到表现不佳的改进点技术改造，性能回归测试性能指标——基于用户体验的性能指标FirstContentfulPaint（FCP）：首个内容加载时间LargestContentfulPaint（LCP）：最大内容加载时间FirstInputDelay（FID）：首次可输入延迟TimetoIneractive（TTI）：可交互时间TotalBlockin
·2025-06-17 07:01

构建仿淘宝电商网站HTML代码实战教程

本文还有配套的精品资源，点击获取简介：本项目重点介绍如何使用HTML5构建电子商务平台的网页设计和前端开发，涵盖响应式布局、新特性应用、页面元素设计、CSS3样式设计、JavaScript交互、响应式设计、Web
·2025-06-10 15:04

前端技术与Web开发：2025年趋势与最佳实践

从新的前端框架和JavaScript特性的变化，到Web性能优化的需求，再到Web3.0与去中心化Web对前端开发的影响，本文将深度探讨这些趋势以及如何应对这些变化。
威哥说编程·2025-05-31 02:46

JavaScript性能优化实战：从代码到架构的全方位指南

在Web性能成为用户体验核心指标的今天，JavaScript性能优化早已不是"锦上添花"，而是每个前端工程师必须掌握的生存技能。
即可皕·2025-05-26 11:38

Web性能优化的未来：边缘计算、AI与新型渲染架构

一、边缘计算与性能优化深度整合1.1边缘节点计算卸载策略•智能任务分割：将非关键路径计算卸载到边缘节点//客户端代码constedgeTask=newEdgeTask('image-processing');edgeTask.postMessage(imageData,{transfer
软考和人工智能学堂·2025-05-21 21:57

前端Angular.js的性能调优工具推荐

前端Angular.js的性能调优工具推荐关键词：Angular.js、性能调优、工具推荐、前端优化、Web性能、调试工具、性能分析摘要：本文将深入探讨Angular.js应用的性能调优方法和工具推荐。
大厂前端小白菜·2025-05-20 08:33

负载均衡&CDN技术

上面提到web性能优化需要多个角度去考虑，我们无法考虑到所有的优化细节，但可以从我们已知的层面去优化，我们就先从网络层面说起。网络请求路
诸葛钢铁云·2025-05-13 20:30

怎么检查网站CDN缓存是否生效

通过合理配置CDN缓存策略，可降低源站负载60%-80%，提升页面加载速度30%-50%，是Web性能优化的核心手段之一。
qq_26024123·2025-04-08 07:45

SQL语言的Web性能优化

SQL语言的Web性能优化在现代Web应用中，数据库通常是应用程序的重要组成部分。如何高效地从数据库中获取数据，直接影响到用户的体验和系统的性能。因此，SQL语言的优化显得尤为重要。
东方雴翾·2025-04-07 15:04

前端性能优化-知识点

Web性能优化意义1.减少整体加载时间：减小文件体积、减少HTTP请求、使用预加载。2.使网站尽快可用：仅加载首屏内容，其他内容根据需要进行懒加载。
甲亿·2025-03-23 22:56

[特殊字符] 用Rust重塑Web开发速度极限：Hyperlane框架——开启高性能服务的「光年时代」[特殊字符]

⚡️「速度即正义」：重新定义Web性能天花板零延迟战场：实测万级并发下延迟低于5ms，让传统框架望尘莫及。
LTPP·2025-03-17 05:45

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他