获取 PushSubscription 并保存到服务器后推送消息的最佳实践
分类：工程代码
推送消息应优化用户体验，避免页面加载即请求权限。介绍了价值主张、双重权限等四种
所有文章
LCP 分解与关键优化领域识别：分步指南
分类：工程代码
LCP衡量网页主要内容加载速度，优化需分解为资源加载、渲染延迟等子部分并逐一改进。
高DPI屏幕适配：现代Web开发中的图像优化策略
分类：工程代码
高DPI屏幕适配需优化图像，推荐使用SVG、CSS及image-set、srcset技术，并考虑压缩与兼容性。
Core Web Vitals 阈值设定的调查依据与方法论
分类：工程代码
本文介绍了Core Web Vitals各指标阈值的设定依据，结合用户体验研究和实际数据可达性，确
布局性能优化指南
分类：工程代码
布局影响网页交互延迟，应尽量避免。DOM数量与复杂度决定性能，需先读取样式再修改，
如何选择适合你的 Web 兼容性目标
分类：工程代码
Baseline指南介绍如何根据Web功能兼容性状态选择移动或固定目标，并建议利用用户数据分析
Interaction to Next Paint（INP）
分类：工程代码
INP是评估网页响应性的核心指标，通过监测用户所有交互的延迟，确保页面快速响应。
优化网站 Interaction to Next Paint 的方法
分类：工程代码
优化INP需减少输入延迟、事件处理与渲染耗时，以提升网页响应速度与用户体验。
网站 Web Vitals 数据收集：全面分析与工具指南
分类：工程代码
收集网站性能数据需结合真实与实验室环境。推荐使用RUM工具及web-vitals库，并关注数据分
Browserslist：前端浏览器兼容性配置指南
分类：工程代码
Browserslist是配置浏览器兼容性的工具，通过查询语句设定基准目标，供各类前端工具使用。
Universal Exposure Tracker
Universal Exposure Tracker是轻量级高性能页面元素曝光库，支持动态检测与丰富配置。
如何用控制反转（IoC）解决前端与后端接口耦合的问题
分类：工程代码
基于控制反转原则，通过适配器模式与依赖注入解决前端与后端接口的耦合问题。