Speculative Loading 預先推測性載入

·

Speculative Loading

網站的設計一直不斷的革新,迎接現在網頁多變的使用者體驗的圖片、影片和互動元素,但是,這些元素可能會減慢頁面的載入時間;隨著網站開發的技術一直進步,總是有最新的技術 Speculative Loading 等著我們。

預先載入的歷史

2011 年,Chromium 團隊透過標籤向 Chrome 瀏覽器引入了早期的預先渲染形式 <link rel=”prerender” … >。

WordPress 開始出現第一款 Quicklink for WordPress 外掛

Quicklink For Wordpress

Quicklink 會告訴瀏覽器同時預加載所有鏈結,如果網頁的連結太多,這將導致伺服器產生高負載,接著有改良版的 Instant.page 外掛出現。

Instant Page

Instant.page 不同於 Quicklink 的技術,不是同時預先加載網頁中的所有連結,而是在滑鼠游標暫留在連結時才開始預先預取連結,可以大大的減輕伺服器的負載。

接著,Flying Pages 外掛又改良 Quicklin 和 Instant.page 的缺點:

  • 限制每秒預先載入數量
  • 伺服器負載過重便停止預先載入
Flying Pages

有興趣了解關於 Prerender 的更多訊息,可以參考我之前寫的文章 – Flying Pages – WordPress 外掛介紹

Speculative Loading API

Speculative Loading API (預先推測規則 API),目前還是一個實驗性質的 JSON API,也是與前面介紹外掛的功能相近,它在滑鼠游標到 URL 之前推測性地預先載入 URL,從而縮短載入時間並改善使用者體驗。

Speculative Loading API 最大的好處是 API 開發人員能夠使用 JSON 格式定義的結構來配置規則

最好的消息是,WordPress 效能團隊,包括來自 Google 的開發人員,最近發布了 Speculative Loading 外掛程式。

Speculative Loading Plugin

想了解更多的 Speculative Loading API 資訊,建議閱讀 Kinsta 的這一篇文章How Speculative Loading can boost your WordPress site’s page speed,詳細說明了 Speculative Loading 預載原理,與實務測試的比較。

結論

同樣重要的是要知道,網頁載入的速度可以使用最先進的技術去達成,但是,網站效能的很大一部分取決於主機商託管品質。

我還是會推薦使用 Kinsta 主機來達成你需要的網站載入速度。

Kinsta 的基礎設施完全 K8s 容器化,並由 Google Premium Tier 網路上的 Google Cloud 獨家提供支援 C2 / C3D VM,能夠為您提供大量最快的資料伺服器選擇、令人難以置信的性能、伺服器級快取、專用資源和增強的安全性。

Photo by Saffu on Unsplash

Comments

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Hey, 想嘗試 Kinsta 主機嗎?

18748

Kinsta 高效能主機

wPowered Starter 方案

馬上訂購

18749
Your Mastodon Instance