最新公告
  • 欢迎您光临站库网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • lazyLoad图片延迟加载会影响网站SEO优化吗?

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

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

    在包含许多大图片长页面中推迟加载图片能够加速页面加载速度,浏览器将会在加载可见图片之后即进入就绪状况,在某些情况下还能够帮助下降服务器担负。

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

    也便是由于这个问题,所以才有了子凡今日要评论的话题,由于搜索引擎大多对 js 的理解能力仍是有限了,而搜索引擎抓取源代码的时分,它并不能正确的抓取到实在的图片地址,所以这是不利于网站图片优化的。

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

    所以结论清楚明了,lazyload 推迟加载技能不利于 SEO 的原因很简单,即搜索引擎不会像咱们人运用鼠标那样,上下拖动网页。搜索引擎只会挑选它看到的第一页的内容,其它的内容都是空白。这样当然是不利于 SEO 的。

    运用 LazyLoad 能够对网站用户体会到达一个提高,加载速度便是最明显的了,由于运用 LazyLoad 能够在用户没看到的当地不会加载,减少了网页恳求和下载,所以速度便是用户体会的重要因素之一,相同 LazyLoad 能够在一定程度上下降服务器资源,这个子凡现已在本文最开端就现已提及到了。

    lazyload 对 SEO 的影响还有别的一方面,即会影响搜索引擎对网站图片的录入,图片搜索也是网站的流量来历之一。

    假如运用 LazyLoad 肯定是不行能完全不影响的,可是咱们却能够恰当的运用 LazyLoad 来提高网站的用户体会,LazyLoad 功用能够运用在除网站主体内容的其它图片上,也便是在网站正文中,以及主页或许频道的分缩略图中最好不要运用,像子凡这样专注于WordPress 开发的来说,LazyLoad 功用可运用在 Gravatar 头像上,以及网站侧边栏的一些图片上,这样是有利于用户体会而又几乎不影响网站 SEO 优化的了。

    写在最终:lazyload 虽然对提高用户体会有优点,可是提高的作用到底有多少,是个疑问。出现推迟加载技能是为了加速网页打开速度,提高带宽运用率,可是,现在带宽越来越大,网速越来越快,移动现已到了 4G 时代,开视频都嗖嗖的,带宽这个理由,好像现已快不成立了。

    在 SEO 和用户体会提高之间,子凡觉得没有仅有答案, 由于关于网站来说 SEO 很重要,而关于用户来说,用户体会是首选,所以就像子凡提出的处理办法相同,既能够不影响网站优化,又能够提高用户体会,你学到了吗?

    我就一向很不喜欢这个推迟加载图片的办法,感觉图片的载入跟便秘相同的载入让人很不舒畅,我一般都是禁用推迟加载的!非图片站点完全没有必要用这个推迟加载的,对SEO和用户体会诚心没啥优点的!

    lazyload.js 推迟加载作用,有许多图片为主的网站运用这个能大大提高用户体会和服务器运用率,可是有一点不好便是对搜索引擎不友好,由于蜘蛛看到的不是实在地址,那么怎么处理类似问题呢?其实这个问题能够运用js避免掉。代码如下:

    这样作用不影响,只是运用了jQuery的便当,$(document).ready()在文档dom加载完毕就删除了src,所以不会有恳求,这样就相当于在咱们运用前,是运用js删除的src,而不是咱们程序不输入图片。

    这种办法是不行的,图片仍是在后台加载了。document.ready时DOM现已树立,浏览器现已开端发送图片恳求了…… 一个人不行能在DOM没有树立时就改动DOM结构,而DOM结构一旦树立,各种资源恳求现已发送了,所以这个是没有解的

    不必jquery的ready(),改为在html文档的结尾写javascript,将src赋值给一个自界说特点,然后将src清空。这时,浏览器就不会恳求了,由于浏览器会逐行初始化HTML标签,遇到script时也会当即执行,在执行后才会确定最终要加载的资源。然后给滚动条添加事情,滚动到相应方位,需要显现图片时,再将自界说特点的值从头赋值给src。

    那么仍是有一个问题,javascript放在文档结尾,其实整个页面的src都现已载入了,再去移除现已变得没有意义了。假如要做,是把img界说一个其它特点并赋予图片URL,然后通过滚动访问把这个值载入到src

    WordPress MIP引进处理方案强势来袭,不管你是小白用户,仍是不懂网页代码,只需你是WordPress建站,你都能够通过子凡提供的 Fanly MIP主题以及 Fanly MIP插件完美的改形成MIP站点。

    发表评论

    你的前景,远超我们想象

    选择学么=选择高薪,选择=成功

    • 原创课程

      课程独家原创

    • 零基础

      人人都能轻松入门

    • 注重实战

      轻理论重实战讲实效

    • 高品质

      一对一在线答疑

    • 用心服务

      解除后顾之忧

    • 手机学习

      随时随地轻松学习