Flying Pages:在單擊以前預加載頁面,打開網頁快得飛起

Flying Pages可以實現:在用戶點擊網頁的連接以前,就預加載這個網頁,當再點擊這個網頁時,頁面便能飛速打開,能爲網站優化加分。接下來,就由LOYSEO來說解Flying Pages的使用方法。css

Flying Pages插件下載地址:https://wordpress.org/plugins/flying-pages/,請安裝後啓用它。瀏覽器

你也能夠在安裝以前,去演示站https://wpspeedmatters.com體驗一下,進入網站後隨意點擊任何文字連接,都能飛快的打開。緩存

Flying Pages的工做原理

Flying Pages向頁面中注入了一個很小的JS代碼,約爲1KB,並等待瀏覽器變空閒纔開始預加載屏幕內的頁面連接;此外,若是你在配置項中勾選了「僅當鼠標懸停時進行預加載」,那麼當它發現鼠標懸停於連接時,才預加載連接對應的頁面。服務器

Flying Pages提供了以下配置項,從而能避免過多的預加載致使服務器崩潰或訪問變慢。dom

  1. 設置延遲預加載開始時間:當瀏覽器變空閒後,延遲指定時間再開始預加載屏幕中的連接;此項不做用於鼠標懸停預加載功能。
  2. 設置每秒的預加載請求數量,一般建議設置爲1,數量越大越增長服務器負載。
  3. 選項「僅當鼠標懸停時進行預加載」,若不勾選,那將會預加載屏幕內的全部連接,本項建議勾選,有助於下降服務器負載。
  4. 設置鼠標懸停延遲時間:當鼠標懸停於連接時,延遲指定時間再開始預加載對應頁面。此項不要過大,避免用戶已經點擊了,但還沒進行網頁預加載,那就失去功能的做用了。
  5. 忽略關鍵詞:用於設置不須要預加載的頁面,當URL中帶有對應關鍵詞時,都不會被預加載,此項保持默認便可。
  6. 對已登陸用戶禁用預加載,建議勾選,有助於下降服務器負載

常見問題

安裝Flying Pages後,使用GTmetrix測試,發現Fully Loaded Time增長了,該怎麼辦?

當網頁上全部其餘資源都已完成下載而且瀏覽器變得空閒時,Flying Pages纔開始預加載。它不會影響TTFB或「First paint」或「Contentful paint」。若是您擔憂GTmetrix中的Fully Loaded Time,請在設置中將「延遲預加載開始時間」設置爲更大的數字,或者勾選「僅當鼠標懸停時進行預加載」。wordpress

我在GTmetrix / Pingdom / Google PageSpeed Insights測試中沒看到任何改進

網頁加載完成後,Flying Pages纔會預加載屏幕中的連接,這隻會提升單擊連接後網頁打開的速度,它並不能幫助您加快初始加載速度。測試

我須要緩存插件嗎?

每次頁面被預加載時,它都會執行一些PHP代碼和MySQL查詢,這會佔用大量資源。所以,強烈建議使用WP Rocket這樣的緩存插件。優化

Flying Pages會增長個人帶寬用量嗎?

會少許增長,增幅甚至不足5%。由於佔用帶寬的主要是視頻和圖像,它們佔用了80%的帶寬;而Flying Pages僅預加載HTML頁面(一般小於30KB),而且不下載其中的任何資源(如圖像,css,js)。網站

Flying Pages會增長服務器負載嗎?

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

相關文章
相關標籤/搜索