如何一鍵提升網頁速度?使用 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會員
18Content count
驅動數位行銷協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。
留言0
查看全部
發表第一個留言支持創作者!
驅動數位行銷 的其他內容
如果你的網頁沒有出現在搜尋結果頁上,即便內容再好,潛在客戶也無法找到你的網站。Tag Parrot 工具能解決這個問題,透過 Indexing API 技術讓你的網頁快速收錄在 Google 資料庫中,進而提升曝光機會。
在搜尋引擎最佳化 (SEO) 的領域中,索引是一項很基本且重要的概念,因為沒有索引就沒有排名;沒有排名就拿不到免費流量的入場券。那麼要如何確認網頁已收錄在 Google 資料庫中?本篇文章會教你 3 種檢查方法。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址?要如何修改出現在搜尋結果頁上的網站名稱?因此,本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
如果你的網頁沒有出現在搜尋結果頁上,即便內容再好,潛在客戶也無法找到你的網站。Tag Parrot 工具能解決這個問題,透過 Indexing API 技術讓你的網頁快速收錄在 Google 資料庫中,進而提升曝光機會。
在搜尋引擎最佳化 (SEO) 的領域中,索引是一項很基本且重要的概念,因為沒有索引就沒有排名;沒有排名就拿不到免費流量的入場券。那麼要如何確認網頁已收錄在 Google 資料庫中?本篇文章會教你 3 種檢查方法。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址?要如何修改出現在搜尋結果頁上的網站名稱?因此,本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
當行銷靈感枯竭時,多讀優秀廣告案例是解決之道。這篇介紹了全球廣告行銷人經常造訪的五個案例網站,以及一個最新日本廣告的YT帳號。除了搜羅廣告案例外,這些網站還發表與設計、創意相關的文章,是值得收藏的好資源。
Thumbnail
Udemy 和 Skillshare 需要大約兩個工作天來審核課程。但由於你個人為平台帶來的銷售佣金較高,因此你應該尋找不同的管道來推廣課程。
Thumbnail
如果你已經完成了這一步,那就非常出色了。此時,你應該準備好發布所有內容。 第一步是弄清楚要在哪些平台上發佈內容。每個平台對於創作者都有不同的佣金制度,因此你需要在提交之前了解這一點。
Thumbnail
嘿!親愛的朋友們!在需要 ChatGPT 協助時,你還在手動輸入 ChatGPT 開啟嗎?現在更簡便的方法來了,你只需要事先設定好三個步驟,那麼你就能擁有 ChatGPT 助理。接下來,讓我們和你說明該如何設定,才能讓你一鍵開啟 ChatGPT。一起學習吧!
Thumbnail
過 Airtable 一鍵排程發佈 IG 貼文,自動同步行事曆,打造管理協作高效率!未來只要在 Airtable 管理文章內容時,一鍵切換「已審核」資料狀態,即可自動排程發佈 IG 貼文,不用再搬運資料到 Meta 管理平台啦!
Thumbnail
作者:FAHAHA|翁順法 製作簡報的過程,常需要透過表格來呈現資訊。在PowerPoint中,製作表格很方便,但若只是單純貼上表格資料,往往讓聽眾難以掌握重點。 如何凸顯重點又不過於花俏呢?如何提升表格的質感和清晰度呢?魔鬼藏在細節裡。 這五個重點分別是... 總結
Thumbnail
作者推薦本文原因 網路商家以前藉由廣告投放,成功的崛起也賺了不少錢,但現在平台的廣告成本越來越高,開始回歸到生意的本質「服務與買賣」,提供好的服務以及對等的買賣,讓消費者不斷回購,或是為你創造口碑,才會是提高獲利的根本之道! 口碑行銷的影響力 隨著網路發展,口碑行銷已經是電商商家必須注意的重點,從
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
當行銷靈感枯竭時,多讀優秀廣告案例是解決之道。這篇介紹了全球廣告行銷人經常造訪的五個案例網站,以及一個最新日本廣告的YT帳號。除了搜羅廣告案例外,這些網站還發表與設計、創意相關的文章,是值得收藏的好資源。
Thumbnail
Udemy 和 Skillshare 需要大約兩個工作天來審核課程。但由於你個人為平台帶來的銷售佣金較高,因此你應該尋找不同的管道來推廣課程。
Thumbnail
如果你已經完成了這一步,那就非常出色了。此時,你應該準備好發布所有內容。 第一步是弄清楚要在哪些平台上發佈內容。每個平台對於創作者都有不同的佣金制度,因此你需要在提交之前了解這一點。
Thumbnail
嘿!親愛的朋友們!在需要 ChatGPT 協助時,你還在手動輸入 ChatGPT 開啟嗎?現在更簡便的方法來了,你只需要事先設定好三個步驟,那麼你就能擁有 ChatGPT 助理。接下來,讓我們和你說明該如何設定,才能讓你一鍵開啟 ChatGPT。一起學習吧!
Thumbnail
過 Airtable 一鍵排程發佈 IG 貼文,自動同步行事曆,打造管理協作高效率!未來只要在 Airtable 管理文章內容時,一鍵切換「已審核」資料狀態,即可自動排程發佈 IG 貼文,不用再搬運資料到 Meta 管理平台啦!
Thumbnail
作者:FAHAHA|翁順法 製作簡報的過程,常需要透過表格來呈現資訊。在PowerPoint中,製作表格很方便,但若只是單純貼上表格資料,往往讓聽眾難以掌握重點。 如何凸顯重點又不過於花俏呢?如何提升表格的質感和清晰度呢?魔鬼藏在細節裡。 這五個重點分別是... 總結
Thumbnail
作者推薦本文原因 網路商家以前藉由廣告投放,成功的崛起也賺了不少錢,但現在平台的廣告成本越來越高,開始回歸到生意的本質「服務與買賣」,提供好的服務以及對等的買賣,讓消費者不斷回購,或是為你創造口碑,才會是提高獲利的根本之道! 口碑行銷的影響力 隨著網路發展,口碑行銷已經是電商商家必須注意的重點,從