Flying Pages by WP Speed Matters

Flying Pages by WP Speed Matters

飛行頁面會在使用者單擊之前預載入頁面,從而使它們立即載入

怎麼執行的?

Flying Pages 會注入一個很小的 JavaScript 程式碼 (壓縮為 1KB),一直等到瀏覽器變為空閒狀態。然後,它會在視口中以及滑鼠懸停時檢測頁面並進行預載入。

Flying Pages 很聰明,可以確保預載入不會使伺服器崩潰或變慢。

  • 在視口中預載入頁面 –使用 「交叉觀察器」 檢測視口 (當前檢視區域) 內的連結,並告訴瀏覽器使用 「預取」 預載入頁面,如果不可用,請切換到 xhr(類似於 Quicklink) 。
  • 在滑鼠懸停時預載入頁面 –在懸停連結上,如果尚未使用 「視口」 上方的頁面進行預載入,則 「飛行頁面」 將立即預取它們 (類似於 Instant.page) 。
  • 限制每秒的預載入次數 –如果頁面上的連結太多,則同時預取所有連結將導致伺服器崩潰或使訪問者的網站速度變慢。飛行頁使用內建佇列限制每秒的預載入次數 (預設為 3 req / sec) 。例如,如果您在視口中有 10 個連結,則預載入所有連結的時間為 4 秒。
  • 如果伺服器忙,則停止預載入–如果伺服器開始緩慢響應或返回錯誤,則將停止預載入以減少伺服器負載。
  • 瞭解使用者的連線和首選項 –檢查使用者是否處於慢速連線 (如 2G) 或已啟用資料儲存功能。在這種情況下,Flighting Pages 不會預載入任何內容。