理解LCP：什么是最大内容绘制

它记录了视口内最大可见内容元素（如大图、视频、标题📢文本块）从请求开始到完成渲染所需的时间

建议使用 font-display: swap 让浏览器立即以后备字体显示文本，待字体加载完成后再替换，从而保证内容尽早可见

同时可以 子集化字体文件🎊 ，仅包含页面实际🔮用到的字符

监控与持续优化

减少服务器响应时间 提升服务器处🔮理能力是优化LCP的基础

常见导致LCP较差的资源类型

服务器响应缓慢🌅 ：首字节时间（TTFB）过长会📌直接推迟LCP的开始时间

优先加载关键CSS与延迟非关键资源 将首屏渲染所💫需的CSS内联至HTML中，减少外部HTTP请求

对于非关键的CSS和JavaScript，使用 async 、 defer 属性或动态加载技术，避免它们阻塞主线程