[WordPress] 外掛分享: Flying Pages: Preload Pages for Faster Navigation & Improved User Experience

WordPress 外掛 Flying Pages: Preload Pages for Faster Navigation & Improved User Experience 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Flying Pages: Preload Pages for Faster Navigation & Improved User Experience」是 2019-08-25 上架。
  • 目前有 20000 個安裝啟用數。
  • 上一次更新是 2025-04-14,距離現在已有 20 天。
  • 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 78 人給過評分。
  • 論壇上目前有 2 個提問,問題解答率 100% ,不低,算是個很有心解決問題的開發者團隊了!

外掛協作開發者

gijo |

外掛標籤

Fast | speed | prefetch | performance | optimization |

內容簡介

Flying Pages 是一款 WordPress 外掛,可以在使用者點擊頁面前預先加載頁面,讓頁面瞬間載入。

它的運作方式是透過注入一小段(1KB gzipped)JavaScript 代碼,等到瀏覽器空閒時,它便會偵測可視區內的頁面和滑鼠懸停的頁面,並預先加載它們。

Flying Pages 設計得很智能,以確保預先加載不會壓崩你的伺服器或減慢網站的運作速度。

以下是 Flying Pages 的功能:

- 在可視區內預先加載頁面 - 使用「交叉觀察器」偵測可視區內的連結 (目前的視圖區域),並使用「預取」來要求瀏覽器預先加載,如果無法用「預取」,則會改用 xhr (類似於 Quicklink)。
- 滑鼠懸停時預先加載頁面 - 當滑鼠指向連結時,如果上述「可視區域」中的頁面未被預先加載,Flying Pages 會立即進行預取 (類似於 Instant.page)。
- 限制每秒預先加載的次數 - 如果你的頁面連結過多,同時預先加載所有連結將導致伺服器崩潰或使網站減緩速度對訪客造成影響。Flying Pages 透過內置隊列,限制每秒預先加載次數 (預設值為每秒 3 個請求)。例如,如果你在可視區中有 10 個連結,則預先加載所有這些的過程將在 4 秒內完成。
- 如果伺服器繁忙就停止預先加載 - 如果伺服器開始回應緩慢或返回錯誤,Flying Pages 將停止預先加載來減輕伺服器負載。
- 瞭解使用者的連接和喜好 - 檢查用戶是否使用 2G 等緩慢的連接或啟用節省數據模式。在這種情況下,Flying Pages 就不會進行預先加載。

Flying Pages 有以下支援:

- 官方支援論壇
- Facebook社群

Flying Pages 的其它產品和外掛包括 FlyingPress、FlyingProxy、Flying Images、Flying Scripts、Flying Analytics 和 Flying Fonts 等。

原文外掛簡介

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

Official Support Forum
Facebook Group

Our premium products

FlyingPress
FlyingCDN

Our free plugins

Flying Pages
Flying Images
Flying Scripts
Flying Analytics
Flying Fonts

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Flying Pages: Preload Pages for Faster Navigation & Improved User Experience」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | 2.0.5 | 2.0.6 | 2.0.7 | 2.0.8 | 2.0.9 | 2.1.0 | 2.1.1 | 2.1.2 | 2.2.0 | 2.2.1 | 2.2.2 | 2.3.0 | 2.4.0 | 2.4.1 | 2.4.2 | 2.4.3 | 2.4.4 | 2.4.5 | 2.4.6 | 2.4.7 | trunk |

延伸相關外掛(你可能也想知道)

  • LiteSpeed Cache 》LiteSpeed Cache for WordPress(LSCWP)是一種全方位的網站加速外掛,包括獨家的伺服器層快取和一系列的優化功能。, LSCWP 支援 WordPress Multisite 及大多...。
  • Jetpack – WP Security, Backup, Speed, & Growth 》search engines, and grow your traffic with Jetpack. It’s the ultimate toolkit for WordPress professionals and beginners alike., , Customize and des...。
  • Image Optimizer – Optimize Images and Convert to WebP or AVIF 》外掛總結:, , - Image Optimizer 是一個易於使用的 WordPress 外掛,透過壓縮和調整大小的技術來減少圖像大小,同時保留最高的圖像品質。, - Image Optimize...。
  • WP Super Cache 》本外掛可以從您的動態 WordPress 部落格生成靜態 HTML 檔案。在產生 HTML 檔案後,您的網頁伺服器會傳送該檔案,而不是處理比較沉重、耗費更多資源的 WordPre...。
  • WP Fastest Cache 》han PNG or JPEG, which means faster downloads and less data consumption for your visitors, Database Cleanup – Detect and delete unnecessary d...。
  • ManageWP Worker 》, Want to clone or migrate your WordPress website to a new host or domain? No problem! With ManageWP, you can easily clone or migrate your website ...。
  • W3 Total Cache 》W3 Total Cache (W3TC) 透過整合內容傳遞網絡 (CDN) 和最新最佳實踐等功能,提高網站性能、減少加載時間,增進 SEO、核心 Web 主要指標和整體用戶體驗。W3TC ...。
  • Speed Optimizer – The All-In-One Performance-Boosting Plugin 》SiteGround Optimizer 插件是由 SiteGround 開發的,可以大幅提高任何托管環境下的 WordPress 網站性能。, 最初設計用於 SiteGround 的服務器,現在已經有近 ...。
  • Autoptimize 》Autoptimize 能夠輕鬆優化您的網站。它可以整合、縮小和快取腳本和樣式表,在默認情況下向頁面 head 中注入 CSS,但也可以內嵌關鍵 CSS 並延遲整合的完整 CSS...。
  • AMP 》「Page Experience」(PX)是一組排名訊號,包括「核心網頁素質」(Core Web Vitals,CWV),用來測量使用者與網頁互動的使用體驗。AMP 是一個強大的工具,能...。
  • WebP Express 》ch means less bandwidth usage and faster page load times., Easy to use - with little effort, WordPress site admins can have their site serving auto...。
  • Breeze – WordPress Cache Plugin 》Breeze是由Cloudways團隊開發的一款免費、簡單(卻功能強大)且使用者友好的WordPress快取外掛。它提供不同層級的WordPress效能優化選項,在WordPress、搭配W...。
  • Jetpack Boost – Website Speed, Performance and Critical CSS 》使用 Jetpack Boost 優化網頁性能加速你的 WordPress 網站。輕鬆啟用一鍵優化,提升核心 Web 重要指標。, 你是否知道,更快的網站可以:, , 在 Google 搜尋排...。
  • Custom Fonts – Host Your Fonts Locally 》此外掛能協助您輕鬆地在 WordPress 網站中嵌入自定義字型檔案 (woff2、woff、ttf、svg、eot、otf)。, 目前能與以下主題和外掛一起使用:, , Astra 主題, Beav...。
  • Redis Object Cache 》一個由 Redis 提供支援的持久化物件快取後端。支援 Predis、PhpRedis (PECL)、Relay、複寫、哨兵、叢集化和 WP-CLI。, 若要調整連線參數、前綴的快取鍵或設定...。

文章
Filter
Apply Filters
Mastodon