0°

提升页面加载速度之InstantClick

546 个字符,0 张图片,大约需要 1 分钟阅读

InstantClick安装

</body>

之前引用

<script src="//apps.bdimg.com/libs/instantclick/3.0.1/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
白屏需要在相应<script>中加data-no-instant

InstantClick工作原理

利用从鼠标放在链接上到点击的这一部分时间间隙去加载这个页面(几百毫秒吧)

InstantClick使用pushState和Ajax(pjax)来实现,只替换和头部的

InstantClick的个性化

#instantclick-bar {
    background: white;
}

懂css的看上面就应该知道怎么改了

隐藏
#instantclick {
    display: none;
}

wordpress

最后,wordpress的用户可以搜索安装

InstantClick插件

中文文档:instantclick 中文文档

除非注明,否则均为喵喵喵博客原创文章,转载请以链接形式标明本文地址

本文链接:https://www.miaomiaomiao.org/677.html

0 条回复 A 作者 M 管理员
    当上帝赐给你荒野时,就意味着,他要你成为高飞的鹰
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论