一、浅析图片懒加载技术
图片懒加载,其中lazyLoad就是javascript编写的jquery库的插件,其作用就是加快网站加载的同时载入首屏界面的功能,很多SEOer使用懒加载来提升网站首屏打开速度,因为在非首屏的图片将不会在网页一打开时就加载,降低服务器已经本地网络带宽的占用,所以这样的一种方式是有利于提升网站打开速度,这样百度闪电算法估计也就几乎没有什么大问题了,至少对于拥有大量图片的站点来说是非常必要的。
LazyLoad分析:
页面加载时就不会加载这些图片了,然后 JS 控制页面滚动时才将 data-original 中的内容填到 src 里面去。
而如果你又是一个以图片为主的网站,如果再使用LazyLoad可能就会变得更不利于网站的优化了。
所以结论显而易见,lazyload延迟加载技术不利于SEO的原因很简单,即搜索引擎不会像我们人使用鼠标那样,上下拖动网页。搜索引擎只会选择它看到的第一页的内容,其它的图片都是空白。这样当然是不利于SEO的。
使用LazyLoad可以对网站用户体验达到一个提升,加载速度就是最明显的了,因为使用LazyLoad可以在用户没看到的地方不会加载,减少了网页请求和下载,所以速度就是用户体验的重要因素之一,同样LazyLoad可以在一定程度上降低服务器资源。
lazyload对SEO的影响还有另外一方面,即会影响搜索引擎对网站图片的收录,图片搜索也是网站的流量来源之一。
二、懒加载与SEO网站优化
但是懒加载需要改变网页中Img图片标签的src值,从而达到浏览器不会自动请求这个src路径的图片,那么问题也就随之而来,搜索引擎就无法直接抓取到网页中Img标签中的图片地址,从而可以认定为是不利于网站图片的优化。
三、网站SEO优化与用户体验的选择
对于图片懒加载与优化来说,这里似乎有点小题大作了,不过完全不影响大家获取或者了解这个知识点,图片的懒加载确实会影响搜索引擎对图片的抓取,但是网站作为一个长期以文字内容为主+配图为辅的方式来作为网站内容输出,其本身对图片的优化就没有必要过于去追求。
总结
懒加载有利有弊,主要看您是为了SEO而SEO,还是为了用户体验而SEO,前者就不用懒加载了,后者可以使用。当然,如果不用懒加载,尽量压缩缩略图,也是不错的。如果使用LazyLoad肯定是不可能完全不影响的,但是我们却可以适当的利用LazyLoad来提升网站的用户体验,LazyLoad功能可以使用在除网站主体内容的其它图片上,也就是在网站正文中,以及首页或者频道的分缩略图中最好不要使用,像子凡这样专注于WordPress开发的来说,LazyLoad功能可使用在Gravatar头像上,以及网站侧边栏的一些图片上,这样是有利于用户体验而又几乎不影响网站SEO优化的了。