陈士铭

过长的主线程任务 ：代码高亮、数学公式渲染等原生操作🍀可以拆分为🍀小块，通过 requestIdleCallback 或 setTimeout 分解执行，避免一次性阻塞主线程

如果FID已经超过100毫秒，优先检📢查并精简第三方脚本，必要时可以在用户滚动到内容区▶️后才加载非核心功能

理解核心Web指标及其重要性

重点关注以下数据： 指标 理想值 警告值 优化行动 LCP ≤2

针对LCP优化：加速主要内容呈现

建议通过百度搜索资源平台的核心指标报告，以及第三方工具（如 L📌ighthouse、PageSpeed Insights）定期评估

0秒 压缩服务器响应、减少阻塞资源 FID ≤100毫秒 ＞300毫秒 拆分长任务、异步加载脚本 CLS ≤0

百度特有的优化考量

降低首次输入延迟：保障交互顺畅 首次输入延迟衡量用户首次与页面交互（如点击链接、选择文本）到浏览器实际响应的时间

持续监测与迭代

优化这些指标，能够帮助教程网站更快地向用户呈现有价值的内容，减少因加载过慢导致的跳出率提升

对于带有大量代码或目录的教程页面，可考虑使用服务端渲染（SSR）或静态生成技术，让搜索引擎爬虫一次获取完整内容，同时也减少前端渲染造成的延迟

降低首次输入延迟：保障交互顺畅

稳定累积布局偏移：避免阅读干扰 累积布局偏移量指页面加载过程❤️中元素发生意外移动的程度

Web字体加载带来💪的回退切换 ：使用 font-display: 📌swap 虽然能减少空白，但可能导致文字渲染后发生微小位移

推荐先加载📚系统🎊字体，再通过 font-display: optional 控制非系统字体的加载时机