我有一个图像非常丰富的网站。为了为用户节省带宽,我想在图像进入视口时延迟加载图像。有各种各样的 jQuery 插件和类似的插件可以实现这一点。这是以放置实际图像 url 为代价的,而不是在src
属性中,而是在其他地方。这使得标记不太好,更糟糕的是,搜索引擎爬虫不太容易理解。
有没有办法同时拥有延迟图像加载和语义、搜索引擎友好的标记?
我有一个图像非常丰富的网站。为了为用户节省带宽,我想在图像进入视口时延迟加载图像。有各种各样的 jQuery 插件和类似的插件可以实现这一点。这是以放置实际图像 url 为代价的,而不是在src
属性中,而是在其他地方。这使得标记不太好,更糟糕的是,搜索引擎爬虫不太容易理解。
有没有办法同时拥有延迟图像加载和语义、搜索引擎友好的标记?
您不需要将src
图像放在其他地方。有一个没有。可用的插件。检查以下链接http://www.appelsiini.net/projects/lazyload
请注意,现在<img loading="lazy"
是标准化的,因此您可以将其保留src
为实际源,并且一切都与语义完美配合,更多详细信息请参见:如何使图像仅在视口中时才延迟加载?