Flying Pages

外掛說明

Flying Pages 會在使用者點擊頁面連結前便預先載入頁面,這會讓使用者點擊後產生立即載入頁面的效果。

外掛運作方式

Flying Pages會為網站插入一段經過 GZIP 演算法壓縮、約莫 1KB 大小的 JavaScript 程式碼,在瀏覽器發生閒置狀況時便會開始執行。接下來外掛會偵測檢視區中的頁面,游標暫留於連結上時,便會進行預先載入。

Flying Pages 會自動進行偵測,確保預先載入行為不會造成網站停擺或執行速度大幅降低。

  • 預先載入檢視區中連結的頁面:使用 Intersection Observer 技術偵測檢視區 (使用者當下檢視的區域) 中的連結,並通知瀏覽器使用 prefetch 技術預先載入這些內容,並在連結有問題時,切換至 XHR 模式 (類似 Quicklink)。

  • 游標暫留便預先載入頁面:當游標暫留於連結上時,如果檢視區的連結內容尚未預先載入,則 Flying Pages 便會立即自動預先載入 (類似 Instant.page)。

  • 限制每秒預先載入數量:當頁面中包含太多連結時,同時預先載入全部連結會造成伺服器停擺或速度大幅降低,產生對網站使用者的不良影響。Flying Pages 使用內建的佇列方式,限制了每秒預先載入的數量 (預設每秒 3 個要求)。舉例來說,如果在檢視區中有 10 個連結,外掛會需要約莫 4 秒的預先載入時間。

  • 伺服器負載過重便停止預先載入:當伺服器回應速度變慢或傳回錯誤時,便會停止預先載入以降低伺服器負載。

  • 偵測使用者連線及偏好:檢查使用者是否處於如 2G 等慢速連線或啟用精簡模式。偵測到這些狀況時,Flying Pages 不會預先載入任何資源。

技術支援

我們的付費外掛

我們的免費外掛

螢幕擷圖

  • Flying Pages 設定

安裝方式

自動安裝

  1. 前往 [外掛] 頁面,並點擊 [安裝外掛]。
  2. 搜尋「Flying Pages」。
  3. 在 WordPress 的 [外掛] 頁面啟用 Flying Pages 外掛。
  4. 前往 [設定]→[Flying Pages] 進行設定。

手動安裝

  1. 將完整的 flying-pages 資料夾上傳至網站的 wp-content/plugins/ 目錄中。
  2. 在 WordPress 的 [外掛] 頁面啟用 Flying Pages 外掛。
  3. 前往 [設定]→[Flying Pages] 進行設定。

常見問題集

安裝 Flying Pages 後,網站的 GTmetrix 完整載入時間有所增加,這個狀況該如何處理?

當其他資源完全下載且瀏覽器處於閒置時,Flying Pages 便會開始進行預先載入。它不會對瀏覽器開始接收資料時間、優先內容轉譯或可開始互動時間產生影響。如果網站管理員對 GTmetrix/Pingdom 的完整載入時間有疑義,請將 [Delay to start preloading] 設定為較高的數值,或設定為游標暫留於連結上時才進行預先載入。

如何檢查 Flying Pages 是否產生預期的效果?

請觀看這支影片,便會發現 [prefetch cache] 狀態的載入項目。請注意,如果啟用了 [Disable for logged in admins] 功能,請務必在無痕模式中進行測試。

這個外掛是否無法改善網站在 GTmetrix、Pingdom、Google PageSpeed Insights 的評測表現?

網站載入後,Flying Pages 會預先載入連結,並僅改善有點擊的連結的載入速度,這代表這個外掛無法提升初始載入速度。

使用這個外掛後,網站還需要快取外掛嗎?

每次進行頁面/連結的預先載入,都會執行若干 PHP 程式碼及耗用大量資源的 MySQL 查詢,因此強烈建議使用快取外掛,例如 FlyingPress

Flying Pages 會影響 Google Analytics 或其他類似服務的追蹤指令碼嗎?

Flying Pages 僅會下載 HTML 內容,並不會在外掛中執行任何程式碼,因此不會影響 Google Analytics 或類似指令碼。

Flying Pages 會增加網站主機的頻寬使用量嗎?

根據統計,網站上的視訊及圖片會使用 80% 的頻寬。Flying Pages 僅會預先載入 HTML 頁面 (通常小於 30KB),並且不會下載外掛所需的任何資源 (例如圖片、CSS、JS)。安裝 Flying Pages 後,使用的頻寬不會超過 5%。

Flying Pages 是否會增加伺服器負載?

簡而言之,會,但是網站管理員可以為 Flying Pages 進行組態,以限制每秒預先載入的數量,或僅在游標暫留時預先載入,藉以減少伺服器負載。此外,確保網站使用優良的快取外掛,例如 FlyingPress,也可以大幅減少伺服器負載。

如何取得技術支援?

請在官方技術支援論壇中提中技術支援要求,也可以在 WP Speed Matters 的 Facebook 私密社團中獲得協助。

使用者評論

2023 年 12 月 15 日
Grateful to the developers behind this plugin. It is so clean and lightweight!! and works just as described!!!!
2023 年 9 月 28 日
Flyingpress failing on server connectivity, had really worst experience on SEO.Everytime i use flyingpress am having issue with server connectivity, i have checked with my hosting server also, not even single issue. When i disable flyingpress the issue gone.
2023 年 7 月 4 日
We installed FlyingPress due to it’s excellent caching features and quickly found that we were seeing better performance scores than what we could squeeze out of wp-rocket. The few little issues we did run into during setup was quickly addressed by FlyingPress support. This is what a 5 star Wordpress plugin looks like 🙂
2023 年 5 月 10 日
Although I can not find information why some of the “Ignore keywords” are prefilled (like .webp and the other images), I do really like the Flying Pages plugin! Like the review titles says, Flying Pages letteraly created a smile on my face. Thank you for sharing!
2023 年 4 月 4 日 1 則留言
The latest version of FP is starting to break my site often now. Before, it was a blank white screen; now it’s saying ‘featured not enabled.’ The support is unapologetic
閱讀全部 78 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈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