Flying Pages

설명

Flying Pages preload pages before the user click on it, making them load instantly

How it Works?

Flying Pages injects a tiny JavaScript code (1KB gzipped), waits until the browser becomes idle. Then it detects pages in the viewport and on mouse hover and preloads them.

Flying Pages is intelligent to make sure preloading doesn’t crash your server or make it slow.

  • Preload pages in the viewport – Detect links within the viewport (current viewing area) using ‘Intersection Observer’ and tells the browser to preload them using ‘prefetch’, switch to xhr if not available (similar to Quicklink).

  • Preload pages on mouse hover – On hovering links, if it’s not preloaded yet using above ‘viewport’, then Flying Pages will prefetch them instantly (similar to Instant.page).

  • Limits the number of preloads per second – If your page has too many links, prefetching all at the same time will cause the server to crash or slow down the website to visitors. Flying Pages limits the number of preloads per second (3 req/sec by default) using an in-built queue. For example, if you’ve 10 links in the viewport, preloading all these are span into 4 seconds.

  • Stops preloading if the server is busy – In case the server starts to respond slowly or return errors, preloading will be stopped to reduce the server load.

  • Understands user’s connection and preferences – Checks if the user is on a slow connection like 2G or has enabled data-saver. Flying Pages won’t preload anything in this case.

Support

Our premium products

Our free plugins

스크린샷

  • Flying Pages Settings

설치

From within WordPress

  1. Visit ‘Plugins > Add New’
  2. Search for ‘Flying Pages’
  3. Activate Flying Pages for WordPress from your Plugins page.
  4. Visit ‘Settings -> Flying Pages’ to configure

Manually

  1. Upload the flying-pages folder to the /wp-content/plugins/ directory
  2. Activate the Flying Pages plugin through the ‘Plugins’ menu in WordPress
  3. Visit ‘Settings -> Flying Pages’ to configure

FAQ

My GTmetrix fully load time increased after installing Flying Pages. What to do?

Flying Pages starts preloading when all other resources have completed downloading and browser has become idle. It will not affect the TTFB or First Contentful Paint or Time to Interactive. If you’re worried about the fully loaded time in GTmetrix, set the “Delay to start preloading” to a higher number in settings or set it to preload only on mouse hover.

How to check if Flying Pages is working or not?

See the video and you’ll find ‘prefetch cache’ (test it from an incognito window if you’ve enabled ‘Disable for logged in admins’)

I’m not seeing any improvements in GTmetrix/Pingdom/Google PageSpeed Insights

Flying Pages preload links after the website is loaded and only improves the speed on clicking links. It doesn’t help you to speed up the initial load.

Do I need a cache plugin?

Every time a page/link is preloaded, it executes some PHP code and MySQL queries which is resource-intensive. So it’s highly recommended to use a cache plugin like FlyingPress.

Do Flying Pages affect Google Analytics or similar tracking scripts?

Flying Pages only downloads the HTML content. It doesn’t execute any code inside it. So it will not affect Google Analytics or similar scripts.

Will Flying Pages increase my bandwidth usage?

It’s mostly videos and images that consume 80% of the bandwidth. Flying Pages only preloads HTML pages (which is usually <30KB) and doesn’t download any resources inside it (like images, css, js). Installing Flying Pages won’t increase your bandwidth usage not even by 5%.

Do Flying Pages increase server load?

In short, yes. But you can configure Flying Pages to limit the number of preloads per second or preload only on mouse hover which reduces the server load. Also, make sure to use a good cache plugin like FlyingPress. This will reduce server load dramatically.

How to get support?

Please create a support request in the official support forum. You can also get help from WP Speed Matters’ Facebook group.

후기

2022년 8월 27일
my website was immediately faster after installing this plugin, love it!
2022년 8월 13일
I have been creating websites for myself and various people for a while now. As the websites kept growing the internal pages started taking longer to open. I have been thinking of moving my shared hosting to a company that is hosting only on Solid state drives, but it comes with a expensive price tag. Today I've been searching for what I would like a plugin to do and bam, Flying pages matches my search result. I immediately installed it on my 2nd website to test and instantly did what I needed for so long. Its now an hour or so later and installed on all my websites and its just great and works brilliantly with all the different cache plugins on the various sites. A big thank you to the creator/s of this. I don't often see great plugins like this without a price tag. Respect to you.
2022년 7월 10일
I switched from instant.page to this plugin and couldn't believe my eyes. Thanks to this plugin, our website's page loading times are now nearly zero. It's easy to use, it's highly customizable, and gets the job done as advertised. To those who have installed this plugin and don't see immediate results, don't forget to: 1. Delete plugins that perform the same function (e.g., instant.page, quicklinks, etc.). 2. Do not delay nor defer the JS file added by this plugin (flying-pages.min.js). 3. Clear your website's cache in this order: Theme > Cache Plugin > CDN > Browser. 4. Wait 24 hours for your website's cache to build. Voilà. Your website is now equipped with an afterburner!
2022년 5월 13일
This is a great plugin. Its functionality should probably just be built into the WordPress core. It's that good.
모든 73 평가 읽기

기여자 & 개발자

“Flying Pages”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Flying Pages”(이)가 12(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Flying Pages”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

2.4.6

  • Updated FAQ

2.4.5

  • Fix: Missing Compatibility error

2.4.4

  • Updated shortcuts link

2.4.3

  • Updated “Optimize More” tab

2.4.2

  • [UPDATE] Added ‘/checkout’ and ‘.webp” to ignore keywords
  • [UPDATE] Minor update in JS file
  • [FIX] Cross-Site Scripting in admin settings form

2.4.1

  • [BUGFIX] Warnings and errors in Compatibility tab

2.4.0

  • [NEW] Compatibility tab

2.3.0

  • [BUGFIX] Stopped preloading when ignore list is empty
  • [NEW] FAQ
  • [NEW] Optimize more

2.2.2

  • Bug fix for Fast Velocity Minify plugin

2.2.1

  • Addtional options to mouse hover delay (0ms) and max rps (2s)
  • Disable for logged in admins by default

2.2.0

  • Moved option’s config object to window
  • Separate option for ‘preload only on mouse hover’
  • Start flyingPages() without waiting for DOMContentLoaded
  • Improved babel setup
  • Removed arrow functions for IE compatibility

2.1.2

  • Removed XMLHttpRequest and improved minification of JS file (reduce size by ~300bytes)
  • Added option ‘2 secs’ to delay to start preloading

2.1.1

  • Changing JavaScript scope to prevent conflicts with other plugins using same variables

2.1.0

  • Option to disable preloading when logged in as administrator

2.0.9

  • Disable on Internet Explorer
  • Renamed observer object to prevent conflicts with other plugins

2.0.8

  • Ignore query strings by default

2.0.7

  • Allow 1 second in delay

2.0.6

  • Better compatibility for WooCommerce
  • Prefetching on mobile using ‘touchstart’

2.0.5

  • Bug fix – Start queue only after calling main function, causing errors in browser console

2.0.4

  • Bug fix – Issues with Swift Performance cache plugin when ‘Merge Scripts’ is enabled

2.0.3

  • Bug fix – Prevent max rps from resetting to default value on plugin update

2.0.2

  • Support WordPress 4.5+
  • Copy fixes

2.0.1

  • Bug fix – Set default config on plugin update/activation

2.0.0

MAJOR UPDATE!
* Configure ignore keywords
* Configure delay for prefetching from viewport
* Configure to prefetch on mouse hover only
* Configure maximum requests per second
* Configure mouse hover delay

1.0.5

  • Bug fix – Prevent wp-admin links from preloading

1.0.4

  • Bug fix for Safari/iOS Safari

1.0.3

  • Prevent logout links from preloading

1.0.2

  • Prevent external links from preloading on hover

1.0.1

  • Support for Microsoft Edge browser
  • Prevents current page from preloading

1.0.0

  • Initial release