为什么图片懒加载需要兼顾搜索引擎蜘蛛

它能够有效减少初始页面体积、降低带宽☀️消耗、改善用户体验

txt 和 meta 标签开放图片抓取🤔 ：确认网站的 robots

懒加载的基本原理与蜘蛛抓取冲突

利用 src🍀set 与 data-srcset 渐进增强 ：在 img 标签上保留一个极小的占位 src ，同时使用 srcset 提供默认的低分辨率图片

合理使用 loading="lazy" 但不过度依赖 ：可以将原生懒加载作为兜底方案，同时配合上述两种传统方法，形成多保险机制

如果页面中图片数量巨大，可考虑仅⚡对前 10 - 20 张内容图片使用 noscript📢 ，其余图片采用原生懒加载加 JavaScript 渐进增强的方式