欢迎来到源码码网
帮助中心

源码码网

热门搜索: 淘宝客    商城小程序   
免费发布需求
免费发布商品

Flying Pages插件让打开网页变得飞快

  • 时间:2020-08-08 17:11 编辑:admin 来源:源码码网 阅读:319
  • 扫一扫,手机访问
摘要:Flying Pages能够实现:在用户点击网页的链接之前,就预加载这个网页,当再点击这个网页时,页面便能飞速打开,能为网站优化加分。接下来,看看Flying Pages的使用方法。

Flying Pages能够实现:在用户点击网页的链接之前,就预加载这个网页,当再点击这个网页时,页面便能飞速打开,能为网站优化加分。接下来,看看Flying Pages的使用方法。

Flying Pages插件下载地址:http://wp101.net/plugins/flying-pages/,复制在浏览器打开直接下载,下载后请安装后启用它。

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

Flying Pages的工作原理

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

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

  1. 设置延迟预加载开始时间:当浏览器变空闲后,延迟指定时间再开始预加载屏幕中的链接;此项不作用于鼠标悬停预加载功能。

  2. 设置每秒的预加载请求数量,通常建议设置为1,数量越大越增加服务器负载。

  3. 选项“仅当鼠标悬停时进行预加载”,若不勾选,那将会预加载屏幕内的所有链接,本项建议勾选,有助于降低服务器负载。

  4. 设置鼠标悬停延迟时间:当鼠标悬停于链接时,延迟指定时间再开始预加载对应页面。此项不要过大,避免用户已经点击了,但还没进行网页预加载,那就失去功能的作用了。

  5. 忽略关键词:用于设置不需要预加载的页面,当URL中带有对应关键词时,都不会被预加载,此项保持默认即可。

  6. 对已登录用户禁用预加载,建议勾选,有助于降低服务器负载。

WordPress

常见问题

安装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会增加服务器负载吗?

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

安装完了,赶紧去体验吧!

  • 全部评论(0)
最新发布的资讯信息
【行业资讯|】网传罗永浩6亿债务已还4亿,直播这么赚钱还卖个锤子手机!(2020-09-28 12:42)
【软件教程|软件开发】基于Vue+BootStrapV4的BootstrapVue构建响应式、移动项目(2020-09-28 12:26)
【软件教程|软件开发】基于camunda开发的工作流web系统sunFlow介绍(2020-09-28 12:16)
【软件教程|软件开发】 Vue Github超棒的开源可视化分析系统GitDataV(2020-09-28 12:01)
【开发工具|桌面工具】推荐一款美观小巧的网页内容编辑器——ContentTools(2020-09-25 13:53)
【软件教程|软件开发】优秀 vue+heyui 后端管理系统HeyUI-Admin(2020-09-25 13:43)
【开发工具|桌面工具】前端实用工具库——轻量的纯 JavaScript 动态提示工具插件库(2020-09-25 13:38)
【开发工具|桌面工具】VvvebJs—使用开源的JavaScript网站可视化构建库拖拽生成网页(2020-09-25 13:17)
【软件教程|软件开发】TronChain波场链系统开发(2020-09-23 17:52)
【软件教程|软件开发】分享两个免费开源且跨平台的Redis可视化客户端管理工具(2020-09-23 11:51)
联系我们

QQ:2494243972、1105326722

投诉举报:1105326722@qq.com

广告合作:QQ 110532672

源码码网手机版二维码
联系客服
手机版
源码码网手机版二维码
扫一扫进手机版
返回顶部