Loading
0

WordPress插件 Flying Pages 在單擊之前預加載頁面,打開網頁快得飛起

Flying Pages能夠實現:在用戶點擊網頁的鏈接之前,就預加載這個網頁,當再點擊這個網頁時,頁面便能飛速打開,能為網站優化加分。接下來,就由LOYSEO來講解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 在單擊之前預加載頁面,打開網頁快得飛起

常見問題

安裝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會增加服務器負載嗎?

會的,但是,您可以減少每秒的預加載請求數量、僅在鼠標懸停時預加載,以減少服務器負載。