全部文章

共 50 篇 · 当前第 3 / 5 页

边缘计算与 CDN：让静态资源快到极致

理解 CDN 的加速原理与边缘计算的兴起，以及如何利用边缘能力进一步优化前端性能。

从路由级、组件级到库级，系统讲解代码分割的粒度选择与懒加载的正确姿势，附避坑指南。

用 Chrome DevTools 的 Memory 面板定位前端内存泄漏，从堆快照到时间线分析的完整排查流程。

从真实用户监控（RUM）入手，搭建前端性能、错误与业务指标的可观测性体系。

图片是网页体积的大头，本文从格式选择、响应式尺寸、懒加载到压缩管线，给出完整优化方案。

系统梳理三大核心 Web 指标 LCP、INP、CLS 的测量口径与优化手段，附可落地的检查清单。

梳理 HTTP 缓存头、Service Worker 的 Cache API 与内存/磁盘缓存的层次，构建高效的缓存体系。

INP 取代 FID 成为交互响应核心指标，本文讲解它的测量原理、常见瓶颈与针对性优化策略。

从 Grid 的二维布局，到 Subgrid 的嵌套对齐，再到原生 masonry 瀑布流，梳理现代 CSS 布局能力。

拆解浏览器从解析 HTML 到屏幕绘制的完整流程：DOM、CSSOM、渲染树、布局、绘制与合成。