02 2025 档案
摘要：懒加载和预加载的目的都是为了提高用户的体验，二者行为是相反的，一个是延迟加载，另一个是提前加载。懒加载对缓解服务器压力有一定作用，预加载则会增长服务器前端压力缓存。 一、懒加载lazyload 懒加载：又叫延迟加载、按需加载，当我们打开一个网页，优先展示的首屏图片就先加载，而其他的图片，等到需要去展
阅读全文
摘要：前端性能优化方案主要包括以下几个方面： 1. 页面渲染优化 减少重绘和回流：尽量减少使用CSS属性的快捷方式，使用transform、filter、will-change等属性来触发GPU硬件加速，避免使用table布局，使用DocumentFragment进行批量创建DOM节点。 图像
阅读全文
摘要：在浏览器地址栏键入URL，按下回车之后会经历以下流程： 1、浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP 地址; 2、解析出 IP 地址后，根据该 IP 地址和默认端口 80，和服务器建立TCP连接; 3、浏览器发出读取文件(URL中域名后面部分对应的文件)的HTTP请求，该请
阅读全文
摘要：Web缓存机制主要分为两种类型：强制缓存 和 协商缓存。这两种缓存机制分别在不同的条件下发挥作用，共同确保了资源的有效缓存和更新。 一、强制缓存 强缓存就是本地缓存 浏览器首次请求资源后，需要再次请求时，浏览器会首先获取该资源缓存的header信息，然后根据Cache-Control和expires
阅读全文
摘要：重排（Reflow）和重绘（Repaint）是浏览器渲染页面时涉及的两个重要概念，它们的主要区别在于触发条件、性能影响以及对页面布局的影响。 定义和触发条件 重排（Reflow）：当页面的布局发生变化，如元素的位置、大小或隐藏/显示状态改变时，浏览器需要重新计算页面的布局。这个过程称为重排。重
阅读全文
