Flying Pages可以實現:在用戶點擊網頁的連接以前,就預加載這個網頁,當再點擊這個網頁時,頁面便能飛速打開,能爲網站優化加分。接下來,就由LOYSEO來說解Flying Pages的使用方法。css
Flying Pages插件下載地址:https://wordpress.org/plugins/flying-pages/,請安裝後啓用它。瀏覽器
你也能夠在安裝以前,去演示站https://wpspeedmatters.com體驗一下,進入網站後隨意點擊任何文字連接,都能飛快的打開。緩存
Flying Pages向頁面中注入了一個很小的JS代碼,約爲1KB,並等待瀏覽器變空閒纔開始預加載屏幕內的頁面連接;此外,若是你在配置項中勾選了「僅當鼠標懸停時進行預加載」,那麼當它發現鼠標懸停於連接時,才預加載連接對應的頁面。服務器
Flying Pages提供了以下配置項,從而能避免過多的預加載致使服務器崩潰或訪問變慢。dom
當網頁上全部其餘資源都已完成下載而且瀏覽器變得空閒時,Flying Pages纔開始預加載。它不會影響TTFB或「First paint」或「Contentful paint」。若是您擔憂GTmetrix中的Fully Loaded Time,請在設置中將「延遲預加載開始時間」設置爲更大的數字,或者勾選「僅當鼠標懸停時進行預加載」。wordpress
網頁加載完成後,Flying Pages纔會預加載屏幕中的連接,這隻會提升單擊連接後網頁打開的速度,它並不能幫助您加快初始加載速度。測試
每次頁面被預加載時,它都會執行一些PHP代碼和MySQL查詢,這會佔用大量資源。所以,強烈建議使用WP Rocket這樣的緩存插件。優化
會少許增長,增幅甚至不足5%。由於佔用帶寬的主要是視頻和圖像,它們佔用了80%的帶寬;而Flying Pages僅預加載HTML頁面(一般小於30KB),而且不下載其中的任何資源(如圖像,css,js)。網站
會的,可是,您能夠減小每秒的預加載請求數量、僅在鼠標懸停時預加載,以減小服務器負載。插件