每月僅需 600 元起便能享有快速、安全及穩定的主機空間

如何一鍵提升網頁速度?使用 instant.page 技術實現

如何一鍵提升網頁速度?使用 instant.page 技術實現

/ 閱讀時間 3 分鐘 

最後更新時間 : 2023 年 8 月 24 日

根據 Amazon 研究統計指出,每延遲 100 毫秒會導致銷售額減少 1%。也就是說,過慢的網頁速度會影響你在網路上的生意。因此,本篇文章將教你如何透過 instant.page 技術讓你的網站在一分鐘內變快!

instant.page 介紹

instant page

instant.page 技術的運作原理是,在超連結中新增prefetch屬性,當使用者將滑鼠遊標移至連結時,就會預先載入網頁內容,以達立即載入的效果。

根據官方文件說明,instant.page 支援 Chrome 和 Firefox 等主流瀏覽器,部分的瀏覽器 (像是 Safari) 即使沒有支援,也不會影響連結的作用。

在安全性方面,由於 instant.page 將程式碼部屬在 Cloudflare Workers 上,無伺服器就不用擔心讓人攻破。此外,還運用 Subresource Integrity 防止檔案遭到有心人士的竄改。基於以上兩點保護措施,你可以安心使用。

如何安裝 instant.page?

在你的 WordPress 網站新增 instant.page 技術的方法有兩種,分別是程式碼片段與官方所開發的外掛。

方法一:你可以將以下程式碼片段透過 WPcode 外掛新增至</body>標籤之前。附帶一提,本站是採用此種方式新增。

<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

方法二:如果你不擅長新增程式碼片段,官方也有提供 WordPress 外掛讓你使用。當你安裝並啟用 instant.page 外掛後,立即載入網頁的效果便已設定好。

參考資料:https://instant.page/

這篇文章對您是否有幫助?

0 / 5

Your page rank:

不滿意現有網站的速度嗎?😥

我們提供的 WordPress 網站代管服務能讓你的網站快如閃電,進而提升使用者體驗與 SEO 排名。

全方位學 WordPress – 從架站到整合行銷 2.0

這是一門 WordPress 架站與 SEO 行銷課程,學完後便能擁有更全面的架站技能並且透過課程所教的行銷操作手法與資源,讓你的網站獲得更多曝光的機會,進而帶來收益。

發佈留言

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


購物車

聯絡我們

請填寫以下表單,我們將盡速與您聯繫

聯絡資訊
需求確認


驅動

關於我們

驅動數位行銷成立於 2019 年,提供個人或企業在網路上的各種行銷解決方案,主要的服務項目包含:網頁設計、網站代管以及搜尋引擎最佳化。與其他網頁設計公司不同之處在於,我們是以獲得更多流量、名單、銷售與轉介紹為導向。

PRO 360 專家檔案