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