驅動數位行銷

協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。


PRO 達人網
Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  1. 問題解答
  2. 免費教學
  3. 好用工具推薦
  4. 最新資訊
  5. 秘訣分享
  6. 100+參考指引
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

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

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

instant.page 介紹

instant page

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

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

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

如何安裝 instant.page?

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

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

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

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

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

瀏覽次數: 214
全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講師 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
開啟目錄