lazyLoad图片延迟加载会影响网站SEO优化吗
如果使用LazyLoad肯定是不可能完全不影响的,但是我们却可以适当的利用LazyLoad来提升网站的用户体验,LazyLoad功能可以使用在除网站主体内容的其它图片上,也就是在网站正文中,以及首页或者频道的分缩略图中最好不要使用,像子凡这样专注于WordPress开发的来说,LazyLoad功能可使用在Gravatar头像上,以及网站侧边栏的一些图片上,这样是有利于用户体验而又几乎不影响网站SEO优化的了。
最后:lazyload虽然对提升用户体验有好处,但是提升的效果到底有多少,是个疑问。出现延迟加载技术是为了加快网页打开速度,提高带宽利用率,但是,现在带宽越来越大,网速越来越快,移动已经到了4G时代,开视频都嗖嗖的,带宽这个理由,似乎已经快不成立了。
在SEO和用户体验提升之间,子凡觉得没有唯一答案, 因为对于网站来说SEO很重要,而对于用户来说,用户体验是首选,所以就像子凡提出的解决办法一样,既可以不影响网站优化,又可以提升用户体验,你学到了吗?
使用Lazyload实现图片延迟加载究竟有什么好处,能达到节省时间的目的吗(就补充问题提供帮助,谢谢)
lazyload.js 延迟加载效果是为了快速展现页面图片,比如很多屏的图片,文件比较大,这个插件目的不是为了节省服务器资源,而是为了浏览体验,如果你拉动到底部,其实也是一样的消耗服务器资源。是有选择性的请求图片,很多人曲解了这个意思,其实插件并没有给你节约带宽,而是腾出来给视觉区域的图片。有很多图片为主的网站利用这个能大大提高用户体验,但是有一点不好就是对搜索引擎不友好,因为蜘蛛看到的不是真实地址,那么如何解决类似问题呢?其实这个问题可以利用js避免掉。代码如下:$(document).ready(function() { $("img").removeAttr("src");});$(function(){ $("img").lazyload({effect: "fadeIn"}); })页面图片写法如下这样效果不影响,只是利用了jQuery的便利,$(document).ready()在文档dom加载完毕就删除了src,所以不会有请求,这样就相当于在我们使用前,是利用js删除的src,而不是我们程序不输入图片。