林立贞

这种方式容易造成性能问题，且可能被爬虫忽略， 建议优先使用前两种方案

关键做法：在SEO友好的懒加载实现中， 可以在 <noscript> 标签内提供 <img src="真实地址"> ，确保爬虫或禁用JS的用户仍然能获取到资源内容

对于以下类型，建议 直接正常加载，避免懒加载 ： 首屏以上的图片、LOGO、导航栏背景等用户优先看到的资源

综合建议

同时，可考虑对页面核心内容使用 preload 预加载指令，📚帮助浏览器提前发现并下载关键资源

静态资源懒加载的意义与SEO关系

基于滚动事件的传统方法 ：通过监听 scroll 事件判断位置

常见做法是： 在 <img> 的 data-src 属性中存放真实图片地址，同时保持 src 属性为一个占位图或空字符串

若发现资源未被收录，应检查懒加载的实现🎆逻辑，确保资源在HTML源码中可见