分享

WordPress速度优化——图片延时加载

 共同成长888 2015-04-19

WordPress速度优化——图片延时加载

Lazy Load 是一个可以延迟加载(亦称为惰性加载)长页面中图片的jQuery插件,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置,效果可以参见谷歌图片搜索。减少了页面加载的时间了,也减轻了附件服务器的压力。更详细的介绍和配置方法可以点这里查阅。

下载地址:百度网盘

使用方法:将 lazyload.js 放置于主题 js 目录下,然后将下列代码加入 header.php 的 head 标签内:

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js?ver=1.7.2"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/lazyload.js"></script>
<script type="text/javascript">$(function(){$("img").lazyload({effect:"fadeIn",failurelimit:30});});</script>

大家可以举一反三~适用于所有网站。。。

(早期介绍:通过滚动条下拉的图片延迟加载

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多