使用语义标记的懒惰图像加载

问题描述 投票:2回答:2

我有一个图像非常丰富的网站。为了节省用户的带宽,我想在用户进入视图端口时,将图片懒加载。有 各类jQuery插件 和类似的功能。这样做的代价是将实际的图片url,而不是在 src 属性,但在其他地方。这使得标记不那么漂亮,更糟糕的是,搜索引擎爬虫不那么容易理解。

有没有办法既能让图片加载懒惰,又能有语义,对搜索引擎友好的标记?

html seo markup
2个回答
0
投票

你不需要把 src 的图像在其他地方。有一些可用的插件。查看以下链接 http:/www.appelsiini.netprojectslazyload


0
投票

请注意,现在 <img loading="lazy" 是标准化的,所以你可以只保持 src 作为实际的源,一切都能用语义完美地工作,更多细节请看。如何让图片在视口中时才懒得加载?

© www.soinside.com 2019 - 2024. All rights reserved.