LazyLoad介绍
Lazy Load是一个用 JavaScript 编写的 jQuery 插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置,这与图片预加载的处理方式正好是相反的。在包含很多大图片长页面中延迟加载图片可以加快页面加载速度,浏览器将会在加载可见图片之后即进入就绪状态,在某些情况下还可以帮助降低服务器负担。
LazyLoad代码如下:
<img class="lazy" src="占位图片" data-original="真实图片地址" />页面加载时就不会加载这些图片了,然后 JS 控制页面滚动时才将 data-original 中的内容填到 src 里面去。
也就是因为这个问题,因为搜索引擎大多对js的理解能力还是有限了,而搜索引擎抓取源代码的时候,它并不能正确的抓取到真实的图片地址,所以这是不利于网站图片优化的。
而如果你又是一个以图片为主的网站,如果再使用LazyLoad可能就会变得更不利于网站的优化了。
所以结论显而易见,lazyload延迟加载技术不利于SEO的原因很简单,即搜索引擎不会像我们人使用鼠标那样,上下拖动网页。搜索引擎只会选择它看到的第一页的内容,其它的内容都是空白。这样当然是不利于SEO的。
使用LazyLoad可以对网站用户体验达到一个提升,加载速度就是最明显的了,因为使用LazyLoad可以在用户没看到的地方不会加载,减少了网页请求和下载,所以速度就是用户体验的重要因素之一,同样LazyLoad可以在一定程度上降低服务器资源。
lazyload对SEO的影响还有另外一方面,即会影响搜索引擎对网站图片的收录,图片搜索也是网站的流量来源之一。