首页 > 经验 > 关键词 > Wordpress博客最新资讯 > 正文

教你实现WordPress博客的“预加载”功能

2014-11-03 10:05 · 稿源:尼玛博客

chrome浏览器为什么比一般的浏览器快呢?原因是chrome浏览器给全部页面都弄了预加载功能。

目前可能还是有少部分人在使用的,就是InstantClick,它相当于一个JS库,运行的原理类似“预加载”

利用mouseover()、mousedown()、mouseout()执行整个过程,运行原理:当鼠标移到链接上时,就已经开始加载页面了,从鼠标悬停该链接到点击链接这中间有那么几百毫秒的间隔,此时页面已经加载得差不多,那么在真正打开页面时就等于直接显示,速度会非常快。所以这不单纯是Ajax,而是 pushState+Ajax ,即是PJAX,类似于整个页面的Ajax(和真实的Ajax有区别)。

下载本文附件将里面的两个js放在主题目录的js文件夹,之后可以在footer.php在</body>标签之前引用,引用代码:

<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/instantclick.min.js” data-no-instant>

</script>

<script data-no-instant>

InstantClick.init();

</script>

然后就大功告成了,点击打开页面,你会发现顶部还有一个加载进度条,可以通过CSS来修改其样式。

这个效果有时会与一些Ajax效果冲突,比如评论Ajax,因为InstantClick是针对body的,当然评论模板会包含在内,所以当你不希望某一区域使用InstantClick效果时,可以用<div data-no-instant>和</div> 这个声明来包含该区域,在data-no-instant区域内的点击事件就都不会触发预加载,如此一来就可以做到比较好的兼容效果了。

网友热搜:

  • 相关推荐
  • 大家在看
  • 1Password 推出 Linux 版本,后端完全采用 Rust 编写

    1Password 官方本周宣布,将在今年内推出 Linux 版本,现已进入公开预览阶段。这款流行的密码管理软件兼容 Mac、iOS、Windows 和 Android 等多个平台,也能与 Chrome、Edge、Firefox、Safari、Opera 等各类浏览器融合,实现包括自动填充、密码保存与管理在内的功能。但唯独缺少对 Linux 平台的支持。

  • Word怎么转换成PDF?这两个方法赶紧收藏

    Word怎么转换成PDF?这个问题对于很多人来说是一个难题,尤其是刚步入职场工作的新人,常常对此感到很是苦恼,Word转PDF应该怎么转呢?建议大家收藏这两个好方法呦!文件的转换最好就是借助专业的工具来完成的啦,这样不仅可以保证转换的速度,还可以保证转换的质量,避免了出现转换后文件内容变成乱码的问题,这两个方法真的超级好,大家一起来看看吧。方法一:使用烁光PDF转换器转换1、打开烁光PDF转换器的主页面,选择主页面中?

  • 纸人2全部boss打法攻略 杨依兰夫人等boss打法教程

    纸人2中的boss不是特别多,但是有的boss还是需要一定的技巧才能过关的,今天就来为大家带来殷凌、殷洪​、杨依兰等boss战的打法攻略,希望对大家有所帮助。

  • Jurassic World中的赚钱机会

    LandLab发布的第 1 款游戏神龙岛已经大获成功,其第 2 款游戏Jurassic World即将在 7 月 15 日正式内测,作为具有极具创新性的驯养类区块链游戏,Jurassic World必将给用户带来全新的游戏体验。游戏与区块链技术的结合能够创造大量潜在的金融红利,而且所有人都能平等地参与到利益分配中,早期用户更是可以近水楼台先得月,那Jurassic World中有哪些赚钱机会呢?JT(Jurassic Token)是Jurassic World的游戏通证,总量恒定 10 亿,

  • 魔兽世界怀旧服安其拉神殿全boss攻略 TAQ超详细9个boss打法教程

    魔兽世界怀旧服的安其拉神殿(简称TAQ)在7月底就要正式开放了,很多玩家还不清楚安其拉神殿的9个boss怎么打,下面就来为大家分享一下魔兽世界怀旧服安其拉神殿的全boss攻略。

  • 区块链游戏Jurassic World即将正式内测

    游戏向来被认为是区块链最佳的落地场景之一,包含Microsoft、Google、腾讯和网易等不少我们耳熟能详的传统互联网巨头都已对该领域进行了深度的战略布局,如何将传统游戏藉由区块链技术而创造新价值与玩法?区块链游戏公司LandLab给出了答案,继其第 1 款游戏神龙岛正式内测 1 个月后,其第 2 款游戏Jurassic World(侏罗纪世界)也已开发完成,即将正式开始内测。Jurassic World(侏罗纪世界)是以侏罗纪时代为背景基于区块链技术的

  • 独特设计之选——评价ISSEY MIYAKE三宅一生新品手表

    随着审美追求的变化,在衣物之外的饰品开始越来越多元化,直到腕表的出现,一块小小的腕表既是功能性器械,又起到装饰作用,它可以是珠宝,也可以是彰显个性的挂件,就那样戴在人的手腕上,不显突兀的同时又极具存在感。手表所能表达的意义已经极大的发展,越来越呈现多元化的趋势,有点表现品味与个性思维的道具的意思了,如果现在的人出门手上没有一块手表,看起来都好像缺了点什么,它好像已经成为了我们互相了解的重要一环。 ?

  • 没有公网IP,不用端口映射,也能远程连接MSSQL数据库!

    微软SQL Server数据库服务器MSSQL,提供从服务器到终端的完整解决方案,颇受大众喜爱。但数据库服务器一般部署在内网,只有本地局域网的设备才能访问。在远程办公、移动办公常态化的情况下,如何满足远程建立、使用和维护数据库呢?如果数据库服务器所在的网络环境没有公网IP或者没有路由器/光猫管理权限,就需要进行内网穿透。国产内网穿透服务商花生壳,旗下有一款硬件版内网穿透神器——花生壳盒子,不需要公网IP,不用设置路由

  • 索尼与NEC成立半导体生产管理公司SSN 索尼持股25%

    7月30日消息,索尼半导体制造公司日前和NEC设施公司宣布,共同成立SSN设施有限公司(简称SSN设施),该公司将负责半导体生产基地的设施管理。索尼SSN是Sustainable & Smart Next generation(可持续&智能的下一代)的缩写。索尼半导体制造计划将日本7个生产基地的设施管理业务外包给SSN设施,以确保无尘室和设备的稳定运行和维护,保证高效而简便的运营,从而提高公司对业务环境的应变能力。SSN设施将从今年9月1日开始进

  • 华尔街英语Jessie Liang:我希望将“成功”的力量传递给更多人

    近期,华尔街英语一年一度的演讲比赛正在如火如荼地展开。在华尔街英语北京赛区,一名来自东直门学习中心的华尔街英语学员受到了大家的关注。她叫Jessie Liang,是一名90后的爱笑女生,她的笑容感染鼓励着校区的学生们。本次华尔街英语年度演讲比赛的主题是“成功”,要求参赛者以此为主题结合自身经历进行3-5分钟的英语演讲。每位参赛者“成功”的故事和经历大不相同,选手们自信、热情的演讲让在场的学生们备受鼓舞,“成功”这?

  • 安其拉神殿副本文字+视频开荒攻略 TAQ全boss机制技能打法教程

    魔兽世界怀旧服有非常多的服务器已经完成了安其拉开门任务了,很多公会都打算在这段时间去开荒安其拉了,这个副本的难度自然不是之前副本可比的,所以下面就来为大家介绍一下安其拉神殿副本全boss的文字加视频攻略。

  • 任天堂 Switch 新机型或支持英伟达 DLSS 2.0

    据英伟达的招聘广告显示,英伟达正在为Tegra方案工程团队招聘一名高级嵌入式软件工程师。工程师将会为游戏主机以及 AI 边缘设备开发次世代画质和 AI 技术。同时该职位的职责还包括使用人工智能解决图形技术方案,比如NVIDIA DLSS 2.0。虽然没有明示,但是考虑到任天堂和英伟达的合作,不少媒体都推测这个游戏主机就是任天堂NS。

  • Q2季度SSD硬盘价格暴跌30% 商家吐血甩卖

    SSD硬盘价格又开始跌了,大家听到这样的消息是不是很开心?预期的闪存牛市持续也就一个季度,Q2季度开始闪存价格就涨不上去了,6月份价格更是急转直下,因为前期疫情导致的远程工作需求已经放

  • DNF记忆印痕刀疤鼠打法攻略 忆印痕刀疤鼠boss机制处理教程

    DNF冥域时空的黑色魔物的痕迹地下城中有一个记忆印痕刀疤鼠的boss领主,很多玩家还不清楚这个boss到底要怎么打,下面就来为大家详细的介绍一下。

  • 除了SEO,还可以这样提高企业博客网站流量和价值

    在制定网络营销策略时,让企业最头疼的问题之一就是如何处理他们的博客,因为维护博客可能既烧钱又耗时。很多专业的营销人员通常会告诉企业,他们需要创建一个博客获得自然搜索流量。然而,许多商业博客几乎没有流量。

  • 携程发布“BOSS 直播”大数据 梁建章带货能力有多强?

    携程对外发布2020携程“BOSS直播”大数据报告,对外披露“BOSS直播”4个多月来的成绩。携程透露,以“BOSS直播”为核心的携程直播累计GMV破11亿元、产品核销率近5成、为千家高星酒店带货超百万间夜。“BOSS 直播”的主要仍面向高星酒店,这也是携程市场占有率最大的板块。报告透露,携程“BOSS直播”间内的预售产品均价仍在1200元以上,首批到店的酒店预售产品和效率接近50%。报告透露,携程直播间重复?

  • BOSS直聘宣布向可可西里捐赠近40万元公益巡护车

    【TechWeb】7月13日消息,今天是国内互联网招聘平台BOSS直聘成立六周年的日子,在今天的生日晚会上,BOSS直聘宣布向可可西里自然保护区捐赠巡护车,将通过三江源生态保护基金捐赠给可可西里管理处,旨在保障巡护员打击盗猎、盗采等违法行为时的人身安全。相关资料显示,巡护员是一类从事动物保护的人,他们与盗猎者作斗争、追踪盗猎者、收集非法交易情报。据此前的一篇报道称,平均每年可可西里主力巡山队要完成大规模巡山15次、?

  • BOSS直聘向可可西里捐赠近40万元公益巡护车

    BOSS直聘在六周岁生日晚会上宣布向可可西里自然保护区捐赠巡护车,旨在保障巡护员打击盗猎、盗采等违法行为时的人身安全。据了解,此次捐赠属BOSS直聘“巡护员守护计划”项目一期,已捐赠车辆金额共计36.812W。未来,该计划还将覆盖更多地区,给“巡护员”职业群体提供保护。

  • UCloud优刻得容器实例Cube免费公测,解锁容器Serverless新姿势

    2020 年 7 月初,UCloud优刻得容器产品线继UK8S后又新增一位成员:容器实例Cube,以进一步丰富UCloud优刻得容器服务的应用场景,满足不同用户对于容器服务的需求。通过Cube,用户只需要提供打包好的Docker镜像,即可快速、批量部署容器化应用,而不需要预先购买云主机或UK8S集群,并且只需为容器实际运行消耗的资源付费。目前,Cube处于免费公测期,欢迎各位前往体验。兼容Docker&Kubernetes由于交付效率、运维成本、环境一致性等?

  • Chrome现已支持延迟加载网页中的iframe元素

    一年前,谷歌为 Chrome 76 引入了延迟加载图片的功能。昨日,Chrome 工程主管 Addy Osmani 又宣布,他们将在新版浏览器中启用延迟加载 iframe 元素的标准功能。在启用 <iframe loading = lazy> 属性之后,Chrome 将推迟相关元素的加载,直到用户将网页滚动到附近为止。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签