All Posts

本文深度剖析了现代浏览器的渲染管线（Rendering Pipeline），系统性地阐述了从解析 HTML/CSS 构建 DOM/CSSOM，到结合成渲染树（Render Tree），再经过布局（Layout）、绘制（Paint）和合成（Composite）最终呈现为屏幕像素的五个核心阶段。

本文深度剖析了 DNS (Domain Name System) 的完整工作原理。内容从 DNS 的核心参与者（递归解析器、根、顶级域名及权威服务器）入手，系统性地阐述了 DNS 查询中无处不在的多级缓存机制，并结合序列图，详细拆解了当缓存未命中时，从递归查询到迭代查询，最终获取目标 IP 地址的全过程。

本文深度剖析了两大核心 Web 指标——CLS (Cumulative Layout Shift) 与 INP (Interaction to Next Paint)——的优化策略。针对 CLS，笔记详述了通过预留空间、CSS transform 动画及为媒体资源设定尺寸来维护视觉稳定性的实践。针对 INP，则深入探讨了“让出主线程”的核心原则，并介绍了从经典的 setTimeout 到现代的 isInputPending() 和 scheduler.postTask() 等多种任务调度技术。

本文深度剖析了核心 Web 性能指标 FCP (First Contentful Paint) 的优化策略。内容从理解其瓶颈——关键渲染路径 (CRP)——入手，系统性地阐述了三大核心优化支柱：通过打包和压缩缩短 CRP、利用 preload 优先加载关键资源，以及通过 defer 和 loading="lazy" 推迟与懒加载非关键资源。

本文深度剖析了核心 Web 指标 LCP (Largest Contentful Paint) 的优化策略。内容系统性地阐述了优化 LCP 的四大支柱：通过 preload 和 fetchpriority 优先加载 LCP 资源，优化资源本身（格式与响应式），利用懒加载减少网络竞争，以及通过缓存策略提升重复访问速度。