我有一个图像非常丰富的网站。为了节省用户的带宽,我想在用户进入视图端口时,将图片懒加载。有 各类jQuery插件 和类似的功能。这样做的代价是将实际的图片url,而不是在 src
属性,但在其他地方。这使得标记不那么漂亮,更糟糕的是,搜索引擎爬虫不那么容易理解。
有没有办法既能让图片加载懒惰,又能有语义,对搜索引擎友好的标记?
你不需要把 src
的图像在其他地方。有一些可用的插件。查看以下链接 http:/www.appelsiini.netprojectslazyload
请注意,现在 <img loading="lazy"
是标准化的,所以你可以只保持 src
作为实际的源,一切都能用语义完美地工作,更多细节请看。如何让图片在视口中时才懒得加载?