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 不會預加載任何內容。