总结：平衡的核心在于“降级”

常见误区一⚡：使用JavaScript完全控制图片显示 不少开发者习惯于将图片的 src 属性设置为占位图，把真实图片地址写入 data-src🔮 或其他自定义属性，等到用户滚动到该位置时才用JavaScript替换

这两种方式都会让蜘蛛认为图片资源无效或缺失，从而放弃对该图片的索引

或者你也可以采用更为通用的方式：不依赖U⭐ser-Agent，而是利用 noscript 标签为所有不支持JavaScript的客✅户端（包括蜘蛛）提供真实图片

常见误区三：对蜘蛛和用户使用同一套懒加载逻辑

原生属性可以被浏览器正常处理，而蜘✅蛛抓取时则直接读取 sr🤔c 中的内容

空基64占位图，或者直接写⭐为 🎆src=""

无论是使用原生 loading="lazy" 、 noscript 兜底、还是User-Agent区分，目的都是让蜘蛛在抓取时看到完整内容，而用户又能享受性能优化带来🎯的流畅体验