Blogger 使用 instantpage & instantclick
instant.page 是 InstantClick 作者 Alexandre Dieulot 重新编写的一个轻量(202 行代码)和易用的预加载脚本 1 。 instant.page 只会预加载 HTML 文件,所以引用 instant.page 对网页其他的 JS 脚本大部分无影响,可以无痛接入 Blogger 模板。这是相对于 InstantClick 的一个优点,同时,它也保留 data-no-instant 属性,在 Blogger 中使用要变为 data-no-instant="data-no-instant" 。 它的使用很简单,在 </body> 标签前引用 instantpage.js 脚本文件即可。 < script crossorigin = ' anonymous ' defer = ' defer ' integrity = ' sha384-Ru9Gb9wm9FHKVnt9FvZ+Kvu+IKmrX/Dw0ncsVaTA8QxI8Jy9m+79lY2IlLwQCJcq ' src = ' https://lib.baomitu.com/instant.page/latest/instantpage.min.js ' /> 以下为文章旧内容,仅作参考。 什么是 InstantClick.js 在访客点击一个链接的步骤是:鼠标悬停(mouseover)、按下(mousedown)与点击(click)。在事件之间通常有 200ms~300ms 的间隔,InstantClick.js 是利用鼠标点击链接时的短暂瞬间完成预加载动作,从而实现了网页迅速加载的错觉。 项目详情及官方文档: http://instantclick.io/ (英文) 中文文档: 点此 InstantClick.js 使用 在 </body> 标签前插入 < script data-no-instant = ' data-no-instant ' src = ' http://lib.baomitu.com/instantclick/3.0.1/instantclick.