使用语义标记加载延迟图像

时间:2013-04-16 05:12:40

标签: html seo markup

我有一个非常图像丰富的网站。为了节省用户的带宽,我想在图像进入视口时进行延迟加载。有assorted jQuery plugins和类似的东西可以实现这一目标。这是以放置实际图片网址为代价的,而不是在src属性中,而是在其他地方。这使得标记不那么好,更糟糕的是,对于搜索引擎抓取工具来说更难以理解。

是否可以同时使用延迟图像加载和语义,搜索引擎友好的标记?

2 个答案:

答案 0 :(得分:0)

您无需在其他位置放置src图像。有一个没有。插件可用。请查看以下链接http://www.appelsiini.net/projects/lazyload

答案 1 :(得分:0)

请注意,现在<img loading="lazy"已标准化,因此您可以将src保留为实际来源,并且一切都可以与语义完美配合,有关更多详细信息,请访问:How do you make images load lazily only when they are in the viewport?