提升页面加载速度的插件InstantClick


本文整理自网络,侵删。

通常,我们为了减少DNS的查询时间,我们可以使用dns prefetch为该页面中链接的做解析,提升页面的加载速度。类似的,我们可以在鼠标滑到链接上到点击的时间间隙去加载这个页面,通常这个间隙有几百毫秒,利用InstantClick,我们可以充分利用这几百毫秒,让网站能够瞬间显示新页面,几乎没有延迟。

InstantClick的安装

安装InstantClick非常简单,只要把InstantClick下载过来放到某一个目录下,然后在</body>之前引用一下代码即可,例如:

<script src="//img.ezloo.com/static/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

InstantClick可能会导致出现白屏的情况,官方给出了例子,解决了和Google Adsense之间的冲突。我发现百度统计也会导致白屏,在<script>中加data-no-instant会解决这个问题,就像上面的例子一样。由于不懂JS,不知道这会不会影响统计。

InstantClick工作原理

InstantClick使用pushState和Ajax(pjax)来实现,只替换<body>和头部的<title>,浏览器不必重新解析编译页面,这样在页面跳转的过程中,浏览器不会闪一下白屏,看上去页面在瞬间就加载完成了。

阅读剩余部分

相关阅读 >>

upupw 更新 64 位 apache 系列 php 7.0 正式版

wordpress实现回复文章评论后发送邮件通知的功能

wordpress实现网站投稿者也可以上传图片的方法

wordpress中发送html邮件的方法

在daocloud的docker容器中搭建wordpress及绑定域名的教程

wordpress 照片lightbox效果的运用几点

wordpress网站转移到本地运行测试的方法

详解wordpress中提醒安装插件以及隐藏插件的功能实现

wordpress常用的函数、条件判断以及文件总结

解决安装wordpress时出现err_too_many_redirects重定向次数过多问题 font color=red原创font

更多相关阅读请进入《wordpress》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...