优化前先测量现状

LightHouse ：⭐集成在Chrome开发者工具中，可查看首屏✨内容渲染时间（First Contentful Paint）

实操步骤：从零开始动手优化 第一步：分析生成的HTML

对于首屏图片，建议使用 loading="eager" 确保优先加载

为什么要关注首屏加载时间

使用资源预加载 通过 <link rel🔍="preload"> 告诉浏览器哪些资源是首屏必须的，让浏览器优先下载

首屏加载优化的核心方向

设置合理的缓存策略（如 Cache-C🎵ontrol 头），让浏览器缓存💯静态资源，再次访问时直接从本地加载