WordPress文章预加载插件：Flying Pages「点击前加载,更快打开」

WordPress网站，很多用户都抱怨打开速度过慢，其实是由于WordPress的内容是伪静态，每次打开需要大量的查询数据库，从而导致加载缓慢。不过在WordPress插件库中，提供了很多的缓存插件。来帮助WordPress更快的加载。不过大多数插件都是在点击页面之后，尽可能减少数据库的查询。

本文推荐的Flying Pages插件是可以在点击之前预加载，从而更好的提升网页的打开速度，并且可以和其他缓存插件同时使用（加速原理不同）。

其他可以使用的缓存插件：

提升网站速度的WordPress插件「7款」

Flying Pages工作原理

Flying Pages会注入一个很小的JavaScript代码（压缩为1KB），一直等到浏览器变为空闲状态。然后，它会在视口中以及鼠标悬停时检测页面并将其预加载。

Flying Pages很聪明，可以确保预加载不会使服务器崩溃或变慢。

在视口中预加载页面 –使用“交叉观察器”检测视口（当前查看区域）内的链接，并告诉浏览器使用“预取”预加载页面，如果不可用，请切换到xhr。
在鼠标悬停时预加载页面 –在悬停链接上，如果尚未使用“视口”上方的页面进行预加载，则“Flying Pages”将立即预取它们。
限制每秒的预加载次数 –如果页面上的链接太多，则同时预取所有链接将导致服务器崩溃或使访问者的网站速度变慢。Flying Pages使用内置队列限制了每秒的预加载次数（默认为3 req / sec）。例如，如果您在视口中有10个链接，则预加载所有链接的时间为4秒。
如果服务器忙，则停止预加载–如果服务器开始缓慢响应或返回错误，则将停止预加载以减少服务器负载。
了解用户的连接和首选项 –检查用户是否处于2G之类的慢速连接或已启用数据保存功能。在这种情况下，Flying Pages不会预加载任何内容。

所以总体来说，Flying Pages插件还是非常的智能的，十分好用。

插件安装

进入WordPress后台>插件>安装插件>搜索“Flying Pages”

WordPress文章预加载插件：Flying Pages「点击前加载,更快打开」

之后点击【现在安装】，稍等片刻后点击【启用】。

如果网速不好，或者其他原因安装失败，可以到WordPress官网下载插件之后，手动上传到WordPress插件中：https://wordpress.org/plugins/flying-pages/

你也可以在安装之前，去演示站https://wpspeedmatters.com体验一下，进入网站后随意点击任何文字链接，都能飞快的打开。（这个网站的服务器在国外，这么快的打开速度不多见）

插件使用

设置延迟预加载开始时间：当浏览器变空闲后，延迟指定时间再开始预加载屏幕中的链接；此项不作用于鼠标悬停预加载功能。
设置每秒的预加载请求数量，通常建议设置为1，数量越大越增加服务器负载。
选项“仅当鼠标悬停时进行预加载”，若不勾选，那将会预加载屏幕内的所有链接，本项建议勾选，有助于降低服务器负载。
设置鼠标悬停延迟时间：当鼠标悬停于链接时，延迟指定时间再开始预加载对应页面。此项不要过大，避免用户已经点击了，但还没进行网页预加载，那就失去功能的作用了。
忽略关键词：用于设置不需要预加载的页面，当URL中带有对应关键词时，都不会被预加载，此项保持默认即可。
对已登录用户禁用预加载，建议勾选，有助于降低服务器负载。

常见问题

1.安装Flying Pages后，使用GTmetrix测试，发现Fully Loaded Time增加了，该怎么办？

当网页上所有其他资源都已完成下载并且浏览器变得空闲时，Flying Pages才开始预加载。它不会影响TTFB或“First paint”或“Contentful paint”。如果您担心GTmetrix中的Fully Loaded Time，请在设置中将“延迟预加载开始时间”设置为更大的数字，或者勾选“仅当鼠标悬停时进行预加载”。

2.我在GTmetrix / Pingdom / Google PageSpeed Insights测试中没看到任何改进

网页加载完成后，Flying Pages才会预加载屏幕中的链接，这只会提高单击链接后网页打开的速度，它并不能帮助您加快初始加载速度。

3.我需要缓存插件吗？

每次页面被预加载时，它都会执行一些PHP代码和MySQL查询，这会占用大量资源。因此，强烈建议使用WP Rocket这样的缓存插件。

4.Flying Pages会增加我的带宽用量吗？

会少量增加，增幅甚至不足5%。因为占用带宽的主要是视频和图像，它们占用了80％的带宽；而Flying Pages仅预加载HTML页面（通常小于30KB），并且不下载其中的任何资源（如图像，css，js）。

5.Flying Pages会增加服务器负载吗？

会的，但是，您可以减少每秒的预加载请求数量、仅在鼠标悬停时预加载，以减少服务器负载。

6.推荐的托管服务提供商和缓存插件？

可与所有托管服务提供商一起使用，而无需任何缓存插件。但是，为了获得最佳结果，一致的性能且不造成停机，我们推荐的托管服务提供商是SiteGround和缓存插件。