核心优化技巧之三：合理利用缓存与用户感知优化

注意：仅对出现🎊在视口中的核心元素使用预加载，滥用反而可能延迟其它资源

延迟加载非关键💯元素： 对于视窗外的图片、广告或动态区块，一律使用 loading="lazy" 属性

核心优化技巧之三：合理利用缓存与用户感知优化

具体建议包括： 采用现代图片格式▶️： 将JPG、PNG转换为WebP或AVIF格式，在同等视觉质量下🎉能显著减小体积

核心优化技巧之二：减少服务器响应时间与优化渲染阻塞

严谨的历史还原、厚重的剧情内核、鲜活的历史人物，让我们直观感受历史的波澜壮阔

核心优化技巧之三：合理利用缓存与用户感知优化 除了技术层面的加速，还可以通过一些策略改善用户的“感知”加载速度： 使用骨架屏或占位符： 在LCP元素完全渲染之前，先用灰色的占位框或简单的文字骨架填充视口，让用户感觉页面正在快速加载，而非停滞

核心优化技巧之二：减少服务器响应时间与优化渲染阻塞

LCP常见元素类型 优化侧重方向 图片（ <img> ） 压缩、格式转换、尺寸适配、预加载 视频（首帧海报图） 使用缩略图代替视频，或设置 poster 属性 大段文本（标题、首段） 使用系统安全字体、减少CSS选择器嵌套深度 CSS背景图 内联关键CSS，或使用预加载链接 核心优化技巧之一：图片资源的精细化管理 图片通常是LCP的最大拖累项

明确LCP的优化目标与检测工具

为定位问题，可以先使用百度搜索资源平台的“性能分析”或第三方工具（如PageSpeed Insights）进行检测