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

閱讀時間約 2 分鐘

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

instant.page 介紹

raw-image

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 外掛後,立即載入網頁的效果便已設定好。

延伸閱讀:如何提升 WordPress 網站速度?10 大撇步大公開



5會員
18內容數
驅動數位行銷協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。
留言0
查看全部
發表第一個留言支持創作者!
驅動數位行銷 的其他內容
如果你的網頁沒有出現在搜尋結果頁上,即便內容再好,潛在客戶也無法找到你的網站。Tag Parrot 工具能解決這個問題,透過 Indexing API 技術讓你的網頁快速收錄在 Google 資料庫中,進而提升曝光機會。
在搜尋引擎最佳化 (SEO) 的領域中,索引是一項很基本且重要的概念,因為沒有索引就沒有排名;沒有排名就拿不到免費流量的入場券。那麼要如何確認網頁已收錄在 Google 資料庫中?本篇文章會教你 3 種檢查方法。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址?要如何修改出現在搜尋結果頁上的網站名稱?因此,本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
如果你的網頁沒有出現在搜尋結果頁上,即便內容再好,潛在客戶也無法找到你的網站。Tag Parrot 工具能解決這個問題,透過 Indexing API 技術讓你的網頁快速收錄在 Google 資料庫中,進而提升曝光機會。
在搜尋引擎最佳化 (SEO) 的領域中,索引是一項很基本且重要的概念,因為沒有索引就沒有排名;沒有排名就拿不到免費流量的入場券。那麼要如何確認網頁已收錄在 Google 資料庫中?本篇文章會教你 3 種檢查方法。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址?要如何修改出現在搜尋結果頁上的網站名稱?因此,本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
你可能也想看
Google News 追蹤
Thumbnail
本專欄將提供給您最新的市場資訊、產業研究、交易心法、精選公司介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.cc/VNYVxZ 每月 $99 訂閱方案👉https://re
Thumbnail
當行銷靈感枯竭時,多讀優秀廣告案例是解決之道。這篇介紹了全球廣告行銷人經常造訪的五個案例網站,以及一個最新日本廣告的YT帳號。除了搜羅廣告案例外,這些網站還發表與設計、創意相關的文章,是值得收藏的好資源。
Thumbnail
Udemy 和 Skillshare 需要大約兩個工作天來審核課程。但由於你個人為平台帶來的銷售佣金較高,因此你應該尋找不同的管道來推廣課程。
Thumbnail
如果你已經完成了這一步,那就非常出色了。此時,你應該準備好發布所有內容。 第一步是弄清楚要在哪些平台上發佈內容。每個平台對於創作者都有不同的佣金制度,因此你需要在提交之前了解這一點。
Thumbnail
嘿!親愛的朋友們!在需要 ChatGPT 協助時,你還在手動輸入 ChatGPT 開啟嗎?現在更簡便的方法來了,你只需要事先設定好三個步驟,那麼你就能擁有 ChatGPT 助理。接下來,讓我們和你說明該如何設定,才能讓你一鍵開啟 ChatGPT。一起學習吧!
Thumbnail
過 Airtable 一鍵排程發佈 IG 貼文,自動同步行事曆,打造管理協作高效率!未來只要在 Airtable 管理文章內容時,一鍵切換「已審核」資料狀態,即可自動排程發佈 IG 貼文,不用再搬運資料到 Meta 管理平台啦!
Thumbnail
作者:FAHAHA|翁順法 製作簡報的過程,常需要透過表格來呈現資訊。在PowerPoint中,製作表格很方便,但若只是單純貼上表格資料,往往讓聽眾難以掌握重點。 如何凸顯重點又不過於花俏呢?如何提升表格的質感和清晰度呢?魔鬼藏在細節裡。 這五個重點分別是... 總結
Thumbnail
作者推薦本文原因 網路商家以前藉由廣告投放,成功的崛起也賺了不少錢,但現在平台的廣告成本越來越高,開始回歸到生意的本質「服務與買賣」,提供好的服務以及對等的買賣,讓消費者不斷回購,或是為你創造口碑,才會是提高獲利的根本之道! 口碑行銷的影響力 隨著網路發展,口碑行銷已經是電商商家必須注意的重點,從
Thumbnail
本專欄將提供給您最新的市場資訊、產業研究、交易心法、精選公司介紹,以上內容並非個股分析,還請各位依據自身狀況作出交易決策。歡迎訂閱支持我,獲得相關內容,也祝您的投資之路順遂! 每年 $990 訂閱方案👉 https://reurl.cc/VNYVxZ 每月 $99 訂閱方案👉https://re
Thumbnail
當行銷靈感枯竭時,多讀優秀廣告案例是解決之道。這篇介紹了全球廣告行銷人經常造訪的五個案例網站,以及一個最新日本廣告的YT帳號。除了搜羅廣告案例外,這些網站還發表與設計、創意相關的文章,是值得收藏的好資源。
Thumbnail
Udemy 和 Skillshare 需要大約兩個工作天來審核課程。但由於你個人為平台帶來的銷售佣金較高,因此你應該尋找不同的管道來推廣課程。
Thumbnail
如果你已經完成了這一步,那就非常出色了。此時,你應該準備好發布所有內容。 第一步是弄清楚要在哪些平台上發佈內容。每個平台對於創作者都有不同的佣金制度,因此你需要在提交之前了解這一點。
Thumbnail
嘿!親愛的朋友們!在需要 ChatGPT 協助時,你還在手動輸入 ChatGPT 開啟嗎?現在更簡便的方法來了,你只需要事先設定好三個步驟,那麼你就能擁有 ChatGPT 助理。接下來,讓我們和你說明該如何設定,才能讓你一鍵開啟 ChatGPT。一起學習吧!
Thumbnail
過 Airtable 一鍵排程發佈 IG 貼文,自動同步行事曆,打造管理協作高效率!未來只要在 Airtable 管理文章內容時,一鍵切換「已審核」資料狀態,即可自動排程發佈 IG 貼文,不用再搬運資料到 Meta 管理平台啦!
Thumbnail
作者:FAHAHA|翁順法 製作簡報的過程,常需要透過表格來呈現資訊。在PowerPoint中,製作表格很方便,但若只是單純貼上表格資料,往往讓聽眾難以掌握重點。 如何凸顯重點又不過於花俏呢?如何提升表格的質感和清晰度呢?魔鬼藏在細節裡。 這五個重點分別是... 總結
Thumbnail
作者推薦本文原因 網路商家以前藉由廣告投放,成功的崛起也賺了不少錢,但現在平台的廣告成本越來越高,開始回歸到生意的本質「服務與買賣」,提供好的服務以及對等的買賣,讓消費者不斷回購,或是為你創造口碑,才會是提高獲利的根本之道! 口碑行銷的影響力 隨著網路發展,口碑行銷已經是電商商家必須注意的重點,從