Flying Pages：在单击以前预加载页面，打开网页快得飞起

Flying Pages可以实现：在用户点击网页的连接以前，就预加载这个网页，当再点击这个网页时，页面便能飞速打开，能为网站优化加分。接下来，就由LOYSEO来说解Flying Pages的使用方法。

Flying Pages插件下载地址：https://wordpress.org/plugins/flying-pages/，请安装后启用它。

你也能够在安装以前，去演示站https://wpspeedmatters.com体验一下，进入网站后随意点击任何文字连接，都能飞快的打开。

Flying Pages的工做原理

Flying Pages向页面中注入了一个很小的JS代码，约为1KB，并等待浏览器变空闲才开始预加载屏幕内的页面连接；此外，若是你在配置项中勾选了“仅当鼠标悬停时进行预加载”，那么当它发现鼠标悬停于连接时，才预加载连接对应的页面。

Flying Pages提供了以下配置项，从而能避免过多的预加载致使服务器崩溃或访问变慢。

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

常见问题

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

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

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

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

我须要缓存插件吗？

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

Flying Pages会增长个人带宽用量吗？

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

Flying Pages会增长服务器负载吗？

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