lazyload 延迟加载技术不利于 SEO 的原因

jQuery lazyLoad 这个对于一个网页开发者来说并不陌生，而对于普通网站的 SEOer 就未必可知了，而作为一个开发、SEO 及一身的人来说，我就要来给大家普及一下这个了，也算是对最近在写SEO 诊断系列文章中的一个拓展知识吧！

LazyLoad介绍

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件，它可以延迟加载长页面中的图片，在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置，这与图片预加载的处理方式正好是相反的。

在包含很多大图片长页面中延迟加载图片可以加快页面加载速度，浏览器将会在加载可见图片之后即进入就绪状态，在某些情况下还可以帮助降低服务器负担。

LazyLoad 分析

<img class="lazy" alt="" width="" height="" src="占位图片" data-original="真实图片地址" />

页面加载时就不会加载这些图片了，然后 JS 控制页面滚动时才将 data-original 中的内容填到 src 里面去。

也就是因为这个问题，所以才有了今天要讨论的话题，因为搜索引擎大多对 js 的理解能力还是有限了，而搜索引擎抓取源代码的时候，它并不能正确的抓取到真实的图片地址，所以这是不利于网站图片优化的。

而如果你又是一个以图片为主的网站，如果再使用 LazyLoad 可能就会变得更不利于网站的优化了。

所以结论显而易见，lazyload 延迟加载技术不利于 SEO 的原因很简单，即搜索引擎不会像我们人使用鼠标那样，上下拖动网页。搜索引擎只会选择它看到的第一页的内容，其它的内容都是空白。这样当然是不利于 SEO 的。

使用 LazyLoad 可以对网站用户体验达到一个提升，加载速度就是最明显的了，因为使用 LazyLoad 可以在用户没看到的地方不会加载，减少了网页请求和下载，所以速度就是用户体验的重要因素之一，同样 LazyLoad 可以在一定程度上降低服务器资源，这个已经在本文最开始就已经提及到了。

lazyload 对 SEO 的影响还有另外一方面，即会影响搜索引擎对网站图片的收录，图片搜索也是网站的流量来源之一。

那么如何适当的利用 LazyLoad 而不影响网站SEO 优化呢？

如果使用 LazyLoad 肯定是不可能完全不影响的，但是我们却可以适当的利用 LazyLoad 来提升网站的用户体验，LazyLoad 功能可以使用在除网站主体内容的其它图片上，也就是在网站正文中，以及首页或者频道的分缩略图中最好不要使用，像这样专注于WordPress 开发的来说，LazyLoad 功能可使用在 Gravatar 头像上，以及网站侧边栏的一些图片上，这样是有利于用户体验而又几乎不影响网站 SEO 优化的了。

写在最后：lazyload 虽然对提升用户体验有好处，但是提升的效果到底有多少，是个疑问。出现延迟加载技术是为了加快网页打开速度，提高带宽利用率，但是，现在带宽越来越大，网速越来越快，移动已经到了 4G 时代，开视频都嗖嗖的，带宽这个理由，似乎已经快不成立了。

在 SEO 和用户体验提升之间，子凡觉得没有唯一答案， 因为对于网站来说 SEO 很重要，而对于用户来说，用户体验是首选，所以就像子凡提出的解决办法一样，既可以不影响网站优化，又可以提升用户体验，你学到了吗？