lazyload.js 延迟加载效果,有很多图片为主的网站利用这个能大大提高用户体验和服务器利用率,但是有一点不好就是对搜索引擎不友好,因为蜘蛛看到的不是真实地址,那么如何解决类似问题呢?其实这个问题可以利用js避免掉。代码如下:
<script>$(document).ready(function() {
$("img").removeAttr("src")
})
$(function(){
$("img").lazyload({effect: "fadeIn"})
})
</script>
页面图片写法如下
<img src="1.jpg" data-original="1.jpg" alt=""><img src="2.jpg" data-original="2.jpg" alt="">
这样效果不影响,只是利用了jQuery的便利,$(document).ready()在文档dom加载完毕就删除了src,所以不会有请求,这样就相当于在我们使用前,是利用js删除的src,而不是我们程序不输入图片。
对SEO是没多大影响,只要做好图片alt属性就好了;并且图片在一定大小内,图片越清晰越好。
图片延迟加载有一个好处,就是可以让整体网站速度加快,用户体验会更好
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)