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

Flying Pages是一款网页预加载插件,可以非常快的提升网站速度,而且还可以和缓存插件同时使用。互不影响。

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

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

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

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体验一下,进入网站后随意点击任何文字链接,都能飞快的打开。(这个网站的服务器在国外,这么快的打开速度不多见)

插件使用

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

常见问题

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和缓存插件。

文章标题:WordPress文章预加载插件:Flying Pages「点击前加载,更快打开」,本文链接:https://www.siwihs.com/7200.html。未经允许,禁止转载。

(2)
上一篇 2020-08-04 17:17:07
下一篇 2020-08-05 13:58:00

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部