工程实践

Web 安全与 CSP、SameSite、OAuth2 实战(2025)

Web 安全与 CSP、SameSite、OAuth2 实战(2025)Web 安全需要浏览器与服务端协同。本文聚焦 CSP、SameSite 与 OAuth2 的关键配置与实践。一、CSP 与 XSS 防御核心指令:`default-src`、`script-src`、`style-src`、`i

CLS 指标治理与事件处理优化(2025)

Web Vitals INP/CLS 指标治理与事件处理优化(2025)一、指标与采集INP(INP):衡量事件开始到响应完成的时间;采集长尾。CLS(CLS):衡量布局偏移;设置字体与图片占位,减少抖动。二、事件处理与调度事件处理(事件处理):拆分长任务;使用 `requestIdleCallba

TTFB 优化指南(2025)

Web Vitals FCP/LCP/TTFB 优化指南(2025)Web Vitals 反映用户感知的关键性能。本文从加载与渲染与网络三个维度提出优化建议。一、资源与构建代码分割与 Tree Shaking;关键 CSS 内联与非关键异步加载。图片与字体优化:现代格式与按需加载与缓存控制。二、网络