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

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

现阶段很有可能还有一小部分人在用InstantClick，相当于一个JS库，运行原理类似于“预加载”。那么如何完成WordPressblog的“预加载”功能呢？让我们看一看。

为什么chrome浏览器比普通浏览器快？是因为chrome浏览器预装了所有页面。

现阶段很有可能还有一小部分人在用，也就是InstantClick，相当于一个JS库，运行原理类似于“预加载”

使用mouseover()、mousedown()、mouseout()实现整个过程。 *** 作原理:鼠标移动到连接时，页面刚刚开始加载。鼠标悬停和点对点连接之间有几百毫秒的距离。这个时候页面已经加载的差不多了，所以实际打开页面的时候，相当于马上显示信息，速度会很快。所以我觉得简单就是Ajax，只是pushStateAjax，就是PJAX，类似于所有页面的Ajax(不同于真正的Ajax)。

下载文章中的免费附件，并将这两个js放在主题目录的js文件夹中，这个目录可以在footer.php的

<scripttype="text/JavaScript"src="<；？php_fcksavedurl=""<？PHP"bloginfo('template_directory')；？>/js/instantclick.min.js"data-no-instant>；

</script>；

<脚本数据-非即时>

instantclick.init()；

</script>；

那就完事了。点击打开页面，可以在顶部找到一个加载时间轴，可以根据CSS改变其样式。

这个实际效果有时候会和一些Ajax实际效果冲突，比如评测Ajax。由于InstantClick是针对正文的，自然注释模板会包含在内，所以如果你不期望InstantClick的实际效果应用在某个区域，可以使用