如何一鍵提升網頁速度?使用 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 大撇步大公開



avatar-img
6會員
24內容數
驅動數位行銷協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
驅動數位行銷 的其他內容
當你在操作網站 SEO 排名時,索引是你需要了解的觀念。因為沒有索引就沒有排名;沒有排名就拿不到免費流量的入場券。那麼要如何確認網頁已收錄在 Google 資料庫中?本篇文章會教你 3 種檢查方法。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址?要如何修改出現在搜尋結果頁上的網站名稱?因此,本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
當你在操作網站 SEO 排名時,索引是你需要了解的觀念。因為沒有索引就沒有排名;沒有排名就拿不到免費流量的入場券。那麼要如何確認網頁已收錄在 Google 資料庫中?本篇文章會教你 3 種檢查方法。
經常在社群上看到有人詢問為什麼我的「網站名稱」是網址?要如何修改出現在搜尋結果頁上的網站名稱?因此,本篇文章將解釋什麼是網站名稱、如何撰寫及新增網站名稱。
你可能也想看
Google News 追蹤
Thumbnail
在網路速度有限的情況下,依序記錄不斷產生的資訊,能統計使用者在頁面上操作了哪些功能。
假設用戶在 Google 搜尋關鍵字「SEO」,而您的網站在搜尋結果頁面中出現了335次,這樣就表示您的網站獲得了335次的曝光。|SEO工具 網頁速度是什麼? 網頁速度英文名稱 Page speed,是衡量頁面內容載入速度的指標,網頁速度越快,表示使用者在打開網頁的時候,可以更快看到內容,而不
圖片大小 漂亮的圖片讓人賞心悅目,對網站美化也是一大加分項,但若是為了呈現自家商品或吸引人的圖片搭配文字,而塞進過量的圖片,導致網站本身太重跑得太慢,容易使客人失去耐性。|SEO工具 隨著時代的進步網路速度也與時俱進,但若網站本身太重,就算網路狀況再良好也無法馬上將網站載好,根據統計,大多數人的
Thumbnail
Site speed and SEO are two of the most critical aspects of a successful website.
隨著數位時代的快速發展,擁有一個出色的網站已成為企業和個人成功的不可或缺之一。然而,僅僅擁有一個網站不足以保持競爭力。
在現代競爭激烈的市場中,網站設計優化已成為企業吸引客戶的關鍵。一個經過優化的網站不僅能提高搜尋引擎排名,還能提供更好的用戶體驗,從而吸引更多的目標客戶。
Thumbnail
在現代網絡世界中,網站速度是一個至關重要的因素。快速加載的網站不僅能提供更好的用戶體驗,還能改善搜索引擎排名和轉換率。為了優化網站速度,我們可以從以下10個面向進行改進,包括選擇靠近目標用戶的主機位置、減少HTTP請求次數、壓縮網頁程式碼、移除未使用的CSS和JavaScript等。
Thumbnail
幾乎所有的網站都一定會用到圖片和 icon,甚至可能會需要載入大量的圖片,它們也是網站中佔比最多的資源,所以透過優化這些圖片資源,就可能帶來很大的效能提升。
Thumbnail
網站速度優化至少可以從主機位置、減少HTTP Requests次數、壓縮網頁程式碼、移除未使用的CSS、JS、HTML、精簡圖片大小、減少HTML元素、延遲載入、善用CDN服務、伺服器端程式演算法和資料庫表單欄位結構等10個面向進行。
Thumbnail
在網路速度有限的情況下,依序記錄不斷產生的資訊,能統計使用者在頁面上操作了哪些功能。
假設用戶在 Google 搜尋關鍵字「SEO」,而您的網站在搜尋結果頁面中出現了335次,這樣就表示您的網站獲得了335次的曝光。|SEO工具 網頁速度是什麼? 網頁速度英文名稱 Page speed,是衡量頁面內容載入速度的指標,網頁速度越快,表示使用者在打開網頁的時候,可以更快看到內容,而不
圖片大小 漂亮的圖片讓人賞心悅目,對網站美化也是一大加分項,但若是為了呈現自家商品或吸引人的圖片搭配文字,而塞進過量的圖片,導致網站本身太重跑得太慢,容易使客人失去耐性。|SEO工具 隨著時代的進步網路速度也與時俱進,但若網站本身太重,就算網路狀況再良好也無法馬上將網站載好,根據統計,大多數人的
Thumbnail
Site speed and SEO are two of the most critical aspects of a successful website.
隨著數位時代的快速發展,擁有一個出色的網站已成為企業和個人成功的不可或缺之一。然而,僅僅擁有一個網站不足以保持競爭力。
在現代競爭激烈的市場中,網站設計優化已成為企業吸引客戶的關鍵。一個經過優化的網站不僅能提高搜尋引擎排名,還能提供更好的用戶體驗,從而吸引更多的目標客戶。
Thumbnail
在現代網絡世界中,網站速度是一個至關重要的因素。快速加載的網站不僅能提供更好的用戶體驗,還能改善搜索引擎排名和轉換率。為了優化網站速度,我們可以從以下10個面向進行改進,包括選擇靠近目標用戶的主機位置、減少HTTP請求次數、壓縮網頁程式碼、移除未使用的CSS和JavaScript等。
Thumbnail
幾乎所有的網站都一定會用到圖片和 icon,甚至可能會需要載入大量的圖片,它們也是網站中佔比最多的資源,所以透過優化這些圖片資源,就可能帶來很大的效能提升。
Thumbnail
網站速度優化至少可以從主機位置、減少HTTP Requests次數、壓縮網頁程式碼、移除未使用的CSS、JS、HTML、精簡圖片大小、減少HTML元素、延遲載入、善用CDN服務、伺服器端程式演算法和資料庫表單欄位結構等10個面向進行。