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

首頁外掛目錄 › Flying Pages: Preload Pages for Faster Navigation & Improved User Experience
WordPress 外掛 Flying Pages: Preload Pages for Faster Navigation & Improved User Experience 的封面圖片
20,000+
安裝啟用
★★★★
4.9/5 分(79 則評價)
105 天前
最後更新
問題解決
WordPress 4.5+ PHP 5.6+ v2.4.7 上架:2019-08-25

內容簡介

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 等。

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.4.7) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Flying Pages: Preload Pages for Faster Navigation & Improved User Experience」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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

延伸相關外掛

文章
Filter
Apply Filters
Mastodon