[精彩网文] wordpress/zblog网站图片延迟加载提高网站打开速度
作者:CC下载站 日期:2020-11-14 17:47:27 浏览:73 分类:网文网语
通俗地说网页图片延迟加载即是加载网页的时候,把本该一同加载的图片用体积很小的图片暂时替换加载,达到减少加载体积的目的,当用户浏览到图片的区域时再把原图片加载回来(大致是这个意思)!图片延迟加载对网页的加载速度的提高很有帮助,同时实现网站图片延迟加载也不繁琐,因此前人已为我们准备好了所有工作。
通用网页:
下载所需的jquery.lazyload.js文件(文章末有下载地址),然后在网页的</head>前添加以下代码:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="http://你的路径/js/jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready( function($){ $(".thumbnail img").lazyload({ placeholder : "http://xx/xx/grey.gif", //加载图片前的占位图片,你的存放路径 effect : "fadeIn" //加载图片使用的效果(淡入) }); }); </script>
把.thumbnail改为自己网页包围img图片的样式;用PS制作一张宽高分别为1px的图片,命名为grey.gif,放在对应的文件目录,然后修改上面的http://xx/xx/grey.gif为图片的url地址。
zblog博客实现:(zblog 2.0+版本)
把js文件保存在zb_user/theme/主题名称/script/目录
在zb_user/theme/主题名称/template/header.html的</head>前面添加代码;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/script/jquery.lazyload.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready( function($){ $(".thumbnail img").lazyload({ placeholder : "http://xx/xx/grey.gif", //加载图片前的占位图片,你的存放路径 effect : "fadeIn" //加载图片使用的效果(淡入) }); }); </script>
wordpress博客实现;
把js文件保存在wp-content/themes/主题名称/下面
在wp-content/themes/主题名称/header.php文件的</head>前面添加上面的代码;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.lazyload.js"/></script> <script type="text/javascript"> jQuery(document).ready( function($){ $(".thumbnail img").lazyload({ placeholder : "http://xx/xx/grey.gif", //加载图片前的占位图片,你的存放路径 effect : "fadeIn" //加载图片使用的效果(淡入) }); }); </script>
JS下载
猜你还喜欢
- 03-08 [图片]缘之空CG图
- 10-15 [QQ技巧] 查看过期闪照和撤回的图片
- 12-24 [套图合集] 软萌萝莉小仙 / 精选图片视频 / 大尺度合集【13G大礼包】
- 12-24 [VIP资源] 适合永久收藏,个人精选汤不热系列图片及视频大合集 【约32G】
- 05-14 [美女] 尤果网性感女神萌汉药baby人体艺术摄影图片
- 08-16 [图库] 星座图片大搜刮
- 12-13 [经验福利] IMGBIN 海量资源免抠图片素材库1000多万可供个人免费使用
- 12-26 [网红资源] CHOKmoson脱神图片集[上千张-10.78GB]
- 03-01 [美女] 肥耸动性感美女蕾丝人体艺术图片 15P
- 03-08 [美女] 肥耸动性感美女蕾丝人体艺术图片 24P
- 03-14 [美女] 美眉图片集合 30P
- 03-17 [美女] 美眉图片集合 24P
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[电影] 《环太平洋两部合集》 4K REMUX原盘 [杜比视界] 国英双语音轨 [内封特效字幕] [133.8G]
[电影] 异人之下 The Traveller 2024✨【影版】【4K正式版/HQ超高码/DDP5.1】✚【1080高码】无水印/无压缩
[动漫] 头文字D 动漫 (1998) S01-S06季 1080P 国粤日音轨 续作 剧场版 电影
[小说] 知轩藏书全站7667册txt小说合集精心校对版
[杂志] 电脑爱好者杂志14年 超全 [PDF]
[电影] 西游记全部版本-4K高清修复-总计384G-1986+1996+1998+2002+2010浙版+西游记后传
[纪录片] 【国家地理百年纪念典藏】超经典100集全 MP4格式 (绝佳学习资料)27GB
[纪录片] B站食贫道收费纪录片 *迷失东京* [1080P] 揭露日本大家感兴趣却不为人知的秘密
[网络线报] 城通网盘福利线报解析器 - 获取直连下载地址
[福利线报] 一个「脚本」搞定六大网盘(百度/阿里/天翼/迅雷/夸克/移动)
[游戏] 《黑神话悟空》免安装学习版【全dlc整合完整版】+Steam游戏解锁+游戏修改工具!
[动画] 《名侦探柯南》名侦探柯南百万美元的五菱星 [TC] [MP4]
[电视剧集] [BT下载][黑暗城市- 清扫魔 Dark City: The Cleaner 第一季][全06集][英语无字][MKV][720P/1080P][WEB-RAW]
[涨点姿势] 男性性技宝典:14招实战驭女术——爱抚、按摩、催情、姿势、高潮全攻略
[动画] 2002《火影忍者》720集全【4K典藏版】+11部剧场版+OVA+漫画 内嵌简日字幕
[剧集] 《斯巴达克斯》1-4季合集 无删减版 1080P 内嵌简英特效字幕
[CG剧情] 《黑神话:悟空》158分钟CG完整剧情合集 4K120帧最高画质
[短剧] 被下架·禁播的羞羞短剧·午夜短剧合集
[游戏] 黑神话悟空离线完整版+修改器
[图像处理] 光影魔术手v4.6.0.578绿色版
[影视] 美国内战 4K蓝光原盘下载+高清MKV版/内战/帝国浩劫:美国内战(台)/美帝崩裂(港) 2024 Civil War 63.86G
[影视] 一命 3D 蓝光高清MKV版/切腹 / 切腹:武士之死 / Hara-Kiri: Death of a Samurai / Ichimei 2011 一命 13.6G
[影视] 爱情我你他 蓝光原盘下载+高清MKV版/你、我、他她他 2005 Me and You and Everyone We Know 23.2G
[影视] 穿越美国 蓝光原盘下载+高清MKV版/窈窕老爸 / 寻找他妈…的故事 2005 Transamerica 20.8G
[电影] 《黄飞鸿》全系列合集
[Android] 开罗游戏 ▎像素风格的模拟经营的游戏厂商安卓游戏大合集
[游戏合集] 要战便战 v0.9.107 免安装绿色中文版
[资源] 精整2023年知识星球付费文合集136篇【PDF格式】
[系统]【黑果小兵】macOS Big Sur 11.0.1 20B50 正式版 with Clover 5126 黑苹果系统镜像下载
[美图] 【经典收藏美图集合】1500多张韩国美女高清图片让你的收藏夹更加丰富多彩
- 最新评论
-
有靳东!嘻嘻奥古斯都.凯撒 评论于:10-28 流星花园是F4处女作也是4人集体搭配的唯一一部!奥古斯都.凯撒 评论于:10-28 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢AAAAA 评论于:10-26 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢password63 评论于:10-26 找了好久的资源,终于在这里找齐了!!!!blog001 评论于:10-21 找了好久的资源,终于在这里找齐了!!!!blog001 评论于:10-21 找了好久的资源,终于在这里找到了。感谢本站的资源和分享。谢谢WillKwok 评论于:10-09 感谢分享1234123 评论于:10-07 太好了终于找到了谢谢Tom 评论于:10-07 谢谢分享loonghd 评论于:09-30
- 热门tag