十年风雨路 · 一心铸精品

接一个官网 留一件精品 做一个项目 树一块样板

网站加上图片延迟加载来提升网站速度

我们平时在打开一个有图片的网站的时候会比较慢,特别是一些图片很多的站点,这大部分是因为这个网站没加上图片延迟加载技术,所以在你打开网站的时候是整个页面的图片全部加载完才显示,那么下面教大家加入图片延迟加载的功能,让你的图片网站打开速度有一个巨大的提升。之前

时间:2013年12月08日 点击量:

我们平时在打开一个有图片的网站的时候会比较慢,特别是一些图片很多的站点,这大部分是因为这个网站没加上图片延迟加载技术,所以在你打开网站的时候是整个页面的图片全部加载完才显示,那么下面教大家加入图片延迟加载的功能,让你的图片网站打开速度有一个巨大的提升。

之前成都网站建设小编也说过网站打开速度在百度来说是一个非常重要的指标,所以我们要在尽可能的提升网站打开速度,这样我们才能尽多的压过竞争对手的网站,下面就来为大家分享这一技术,超级简单,只要你会一点点代码。只有把下面的代码放到你网站的底部</html>的后面。

<script type=”text/javascript” src=”js/jquery.min.js” ></script>
<script type=”text/javascript” src=”js/jquery.lazyload.mini.js”></script>
<script type=”text/javascript”>
var jq = jQuery.noConflict();
jq(function(){jq(“img”).lazyload({placeholder:”images/load.gif”,effect:”fadeIn”});});
</script>然后再把这两个js文夹放到网站根目录(如果你网站根目录有JS文件夹,那就把这压缩包里的两个js文件放到里面去(js文件下载:链接: http://pan.baidu.com/s/1kXNDI 密码: xbhq),或者这两个js放其他地方就行,只要你改一下上面前两行的js调用代码的调用路径)。

然后第三个JS里有个是调用图片的,你可以做一张或者在网上找一张,搜索一下图片加载就有了,比如一般像下面这张图片这样的一直转个不停。


图片加载

然后把下载下来的图片或是自己做的图片名字改成load.gif的,上传到网站根目录中的images文件夹内(如果没有可以新建一个或者放到其他文件夹内,但是如果放到其他文件夹内,就要把上面那个图片路径改一下),然后你再打开你的网站试试?当然图片越多就越明显。

总结:图片延迟加载是图片网站必备的一项技术,我们要把利于我们网站排名的技巧用到到极致(黑帽、作弊等手法除外),这样我们才有更多的优势把我们的竞争对手比下去。

推荐案例

  • 成都森美啦园林绿化工程公

  • 四川尚恒科技有限公司

  • 成都九邦物流有限责任公司

  • 四川品睿餐饮管理有限公司

  • 美绘陶社陶艺手绘工作室-暖

  • 成都恩多施生物工程技术有

  • 汶川羌人土特产有限公司

  • 印刷设计公司网站No.3138

联系我们 / CONTACT US

  • 四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903室
  • 服务热线:400-000-2367 028-86088588
  • 总机:028-62322623-0
  • 传真:028-62322623-823

扫码访问冠辰手机网站

版权所有 Copyright © 2002-2019 四川冠辰科技开发有限公司  www.scgckj.com 保留所有权利  蜀ICP备11012605号

地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903室

服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823

川公网安备 51010602001006号