web性能优化

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

因此多年以来，web性能优化依旧是一个非常庞大的工程，需要制定指标、确定标准、采用优化手段、进行性能
Micheal_Wayne·2024-02-01 12:03

web性能优化 - 重排与重绘

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

web性能优化-面试篇

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

强制缓存与协商缓存

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

【转】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性能优化

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

常见的web性能优化方法

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2.从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。总之，恰当的优化不仅能够改善站
相识菩提·2023-10-16 19:23

Web性能优化的完整资料汇总

为什么80%的码农都做不了架构师？>>>webx性能相关的一些文档和文章荟萃！DocsBlogsArticlesTalksSlidesAnalyzersAnalyzersAPIBenchmark-CSSBenchmark-JSBookmarkletsCDNCDN-MonitorCDN-UtilitiesImageOptimizersLoadersMetricsMonitorMinifiersHTM
weixin_34128501·2023-10-15 16:28

chrome 如何查看代码利用率？

web性能优化的关键之处在于：减少页面首次加载时，加载资源的数量和体积。我们想要减少一些加载资源，就需要知道页面首次加载资源的利用率，然后采取相应的措施。
G_whk·2023-10-08 09:39

Web 性能优化详解

web性能优化的目的是为了让用户加载网站的速度变快。从地址栏的url按下回车那一刻到页面加载完成，这中间的过程有哪些是前端可以优化的？
饥人谷_莔·2023-09-09 14:48

HTTP缓存

http缓存不是必须的，但是重用缓存和资源通常是必要的，http缓存是一个web性能优化的重要手段。http缓存的类型强制缓存解释：强制缓存就是强制直接使用缓存。
刘建状·2023-09-03 18:04

干货：负载均衡&CDN技术

上面提到web性能优化需要多个角度去考虑，我们无法考虑到所有的优化细节，但可以从我们已知的层面去优化，我们就先从网络层面说起。网络请求路
Java圈子·2023-09-02 21:43

前端性能优化之 Web 性能优化、性能指标和优化目标、RAIL 测量模型和常用的性能测量 APIs

一、Web性能优化进行Web性能优化，因为性能是Web网站和应用的支柱，流量、搜索、转换率和用户体验的关系。
殇陌离tk·2023-08-14 04:07

前端性能优化之性能优化的指标和工具（chrome devtools、lighthouse、webpagetest）

文章目录引言一、为什么要进行web性能优化二、RAIL测量模型1.什么是RAIL2.性能测量工具三、性能测量工具的使用和性能指标以及优化目标1.ChromeDevTools1.打开调试工具方式和配置2.
jieyucx·2023-08-14 04:35

浏览器的渲染机制

一直对于浏览器的渲染机制一知半解，这种一知半解也导致我对WEB性能优化“一知半解”。为什么JS会阻塞页面，CSS不会？究竟什么叫阻塞？浏览器是如何解析html，css，js文件的，其顺序是如何的？
Camilia_yang·2023-07-31 01:21

Web性能优化

1.性能的体现网站的页面加载速度2.常用的优化手段CDN把我们需要被分发的内容分发到世界各地的各个节点上，让世界各地的人都可以在距离最近的网络节点拿到想要拿到的内容，减少网络传输距离从而达到加速的目的。Cache-Control把网站页面所需的静态资源都设置缓存，在设定的时间内浏览器发现请求资源的链接本地缓存了就不会再去请求，而是直接从本地获取。Etag服务器在响应头设置Etag，值为响应内容的m
大笑_876c·2023-07-20 03:28

web性能优化监控分析神器【Web Performance Timing API】

WebPerformanceTimingAPI简介想象一下您正在访问我们的W3C网站，如果Web内容在一定时间内没有显示在屏幕上，那么作为用户，也许您只是关闭选项卡，然后转到其他选项。但是，作为开发人员，您可能希望跟踪请求和导航详细信息中的提示，以便找出导致此网页速度下降的原因。幸运的是，大多数浏览器供应商都愿意公开允许开发人员收集准确性能细节的性能特征。顾名思义，这些性能计时API有助于从不同方
JBossOs·2023-07-14 13:05

Varnish开源HTTP反向代理缓存服务器、部署安装、测试

Varnish在Web性能优化和高可用性方面发挥着重要作
我还能再学点·2023-06-17 13:32

对于浏览器的进程线程的认识 浏览器沙盒

简介了解了浏览器原理后对自己前端知识的帮助你可以知道你写的前端代码，是浏览器通过怎么的配合，展示到页面你写的每一行代码将变得有意义，对于浏览器的优化啊对于页面加载速度呀优化页面解析速度了解了web性能优化
无题syl·2023-06-14 03:10

WEB性能优化--懒加载、预加载

WEB性能优化--图片媒体篇目的为了提升客户端效果体验。
·2023-06-13 19:49

前端架构分析

前端架构分析前端的价值到底在哪里实现界面交互提升用户体验总结就是能写交互页面，写的交互页面用户用的爽前端的进阶前端不局限于前端【当然优先前端技术需要如何进阶】性能优化推荐阅读掘金文章**《移动web性能优化从入门到进阶
大大黄、·2023-04-18 07:21

electron启动白屏时间过长优化方案

文章目录1.按需加载模块2.窗口先创建后隐藏，初始化后再展示3.web性能优化4.优化主进程（electron.js）1.按需加载模块把不需要马上用到的模块推迟到要用时候引入，避免头部文件一次性引入过多依赖
夜空孤狼啸·2023-04-17 07:05

HTTP缓存机制

HTTP缓存作为web性能优化的重要手段HTTP缓存整理：缓存的规则缓存的方案缓存的优点不同的刷新请求执行过程缓存规则浏览器存在一个缓存数据库，用于存储一些不经常变化的静态文件（图片、css、js等）。
金桔柠檬加冰·2023-04-16 15:14

web性能优化基础了解

一、概述什么是web性能优化Web性能网站或应用程序的客观度量和可感知的用户体验。性能优化是指通过各种手段和技术，使前端页面在加载、渲染和交互等方面具有更高的性能，以提升用户体验和网站的整体性能。
Alvin千里无风·2023-04-13 09:50

web性能优化

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

嗨，送你一张Web性能优化地图

我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么，通常我们并不清楚（不包括那些对性能优化有丰富经验的高手）。事实上关于Web性能有很多可以优化的点，其中涉及到的知识大致可以划分为几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。本文主要介绍性能优化需要做的事以及需要考虑的问题。目的在于给读者脑海中生成
PHP9年架构师·2023-04-10 21:48

前端项目性能优化（全面解析）

前言为什么要进行Web性能优化？
f(me)·2023-04-06 10:47

ASP.NET(C#) 面试总结面试题大全

一、对于Web性能优化，您有哪些了解和经验吗？出现指数：五颗星主要考点：这道题是博主在博客园的新闻里面看到的，回想之前几年的面试经历，发现此题出现概率还是比较高的。
不全·2023-04-06 02:50

web性能优化

原则：空间换时间压缩图片合并代码，减少http请求使用localStorage或sessionStorage缓存数据，减少http请求图片懒加载
屠龙de小熊猫·2023-03-30 07:40

HTTP的缓存机制与工作原理详解

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

【 Vue3 性能优化】页面加载性能 与 更新性能

Web性能优化主要有两个方面：页面加载性能首次访问时，应用展示出内容与达到可交互状态的速度。
MagnumHou·2023-03-21 15:05

Web性能优化常见方式

Web性能优化是什么？简单的说就是为实现让用户感觉页面加载很快的目的，尽可缩短用户从输入URL（网址）到页面在浏览器上加载出来的时间。本文将以页面从输入URL到加载的顺序罗列一些性能优化方式。
wyx8267·2023-03-21 02:17

Web性能领域常见的专业术语

了解更多添加697763012测量与排查网页的性能瓶颈，是一名专业Web性能优化者的基本功。本章将详细介绍Web性能领域的一些专业术语，通过这些术语也可以侧面了解是哪些因素在影响加载性能。
Java架构师CAT·2023-03-10 02:09

SSL/TLS 握手优化详解

HTTPS在TCP和HTTP之间增加了TLS（TransportLayerSecurity），保证了传输层安全，同时也给Web性能优化带来新的挑战。
weixin_30402085·2022-12-10 08:22

Web 性能优化：TLS

个人博客Web性能优化：TCPWeb性能优化：TLSWeb性能优化：HTTP“doit,doitwork,doitbetter…andsecure☠️”随着追逐利益而来的恶意参与者越来越多，当前的Web
夜读春秋·2022-11-21 20:42

Core Web Vitals和Mobile-First Indexing来袭，中国跨境电商平台的Web性能优化之道

关注ITValue，看企业级最新鲜、最价值报道！本文为署名文章｜作者@Akamai亚太区架构师经理李文涛｜图片来源@视觉中国｜进入到六月，国人便被网上的各种促销信息“狂轰滥炸”，这标志着618电商购物节的正式开始。疫情催生出的“宅经济”让消费者纷纷转至线上购买物品，而可以“买全球、卖全球”的跨境电商正成为那些习惯于“海淘”的消费者青睐的消费模式。根据Finaria的数据，疫情影响下，2020年全球
ITValue·2022-11-20 11:29

浏览器http缓存机制

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
Unique-You·2022-11-12 15:25

Web 性能优化

Web性能优化DNSDNS=>DomainNameSystem域名需要转化成IP=>浏览器(缓存)->操作系统(hosts)->运营商TCP连接TCP=>TransmissionControlProtocol
bowen_wu·2022-10-07 14:16

深入浅出 - vue之深入响应式原理

高质量文章谈，前端框架的『御剑之道』2018你应该知道的Web性能信息采集指南嗨，送你一张Web性能优化地图为什么Vue使用异步更新队列？
栀夏暖阳·2022-10-03 08:42

阿里二面：SpringBoot中如何设置HTTP缓存？

介绍在工作之余阅读缓存相关的书籍时，看到了http缓存相关的知识，HTTP缓存机制是一个web性能优化的重要手段，无论是做前端还是做web后台，都可能会用得到它，应该是知识体系库中的一个基础环节，以前这一块学的不是很扎实
chenzixia·2022-08-15 10:50

如何在SpringBoot中设置HTTP缓存，你知道么？

介绍在工作之余阅读缓存相关的书籍时，看到了http缓存相关的知识，HTTP缓存机制是一个web性能优化的重要手段，无论是做前端还是做web后台，都可能会用得到它，应该是知识体系库中的一个基础环节，以前这一块学的不是很扎实
啊码·2022-08-15 07:45

《HTTP/2 基础教程》 阅读摘要

的动机与方式3.1当前的性能挑战3.1.1剖析Web页面请求3.1.2关键性能指标3.1.3HTTP/1的问题1.队头阻塞2.低效的TCP利用3.臃肿的消息首部4.受限的优先级设置5.第三方资源3.2Web
SHERlocked93·2022-07-29 10:54

web性能优化的一些方法

前端性能优化的目的1.从用户角度，优化时候能够让页面加载更快，对用户的操作响应更及时，能够给用户提供更为友好的体验2.从服务商角度，优化能够减少页面请求，或者减少请求所占宽带，能够节省可观的资源性能优化的一些方法一.减少http的请求次数网页加载的时间与http请求密不可分，而外部资源的加载的速度则与主机服务提供商服务器架构和分布地点有关。我们可以通过检查自己的网站上多余的图片、css、JavaS
diefengluo5019·2022-04-13 15:48

node.js实现文件和数据的压缩与解压缩

在web性能优化的时候，经常会使用到压缩神器gzip。当客户端(浏览器)向服务端发起资源请求时，服务器首先会对比较大的资源进行压缩，然后再返回给客户端，以此加快资源的访问速度。
coder_路远·2022-04-03 13:53

懒加载--预加载

WEB性能优化--图片媒体篇目的为了提升客户端效果体验。
·2022-03-09 10:20

Web 性能优化：21种优化CSS和加快网站速度的方法

这是Web性能优化的第4篇，上一篇在下面看点击查看：Web性能优化：使用Webpack分离数据的正确方法Web性能优化：图片优化让网站大小减少62%Web性能优化：缓存React事件来提高性能CSS必须通过一个相对复杂的管道
强哥科技兴·2022-02-20 17:29

web项目性能优化（整理）

Web性能优化分为服务器端和浏览器端两个方面。
JavaLover·2022-02-16 12:20

Web性能优化：基本思路和常用工具

听了荣华的演讲之后，我对性能优化有了更深层次的认识。性能优化的重要性性能优化是为了赢得用户，为了降低成本。性能优化思路Web常见优化点Java常见排查工具
whitejava·2022-02-13 01:13

【腾讯Bugly干货分享】彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法

公众号（weixinBugly），未经作者同意，请勿转载，原文地址：https://mp.weixin.qq.com/s/qOMO0LIdA47j3RjhbCWUEQ作者：李志刚导语Http缓存机制作为web
weixin_30266829·2022-02-12 16:44
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他