FasterChrome 提升瀏覽網頁速度,點選連結前預先載入頁面(Chrome 擴充功能)

最後更新於 2020 年 07 月 07 日

還記得之前介紹過讓網頁載入更即時、只需要加入一段程式碼的 instant.page 嗎?這是一個相當有趣的站長工具,利用一小段原始碼就能讓瀏覽者有速度變快的錯覺,一般來說,我們在點選鏈結後瀏覽器才會開始載入下個頁面,透過 instant.page 則會變成「當滑鼠游標移動到超連結」就預先載入內容,可能只有幾毫秒差別,卻會有一種載入變快的感覺,事實上還真的對於使用者體驗有加分效果。

如果你是網站經營者,加入一段程式碼就可以使用 instant.page,這個程式只有 1Kb 大小,會在所有內容後載入,而且使用 Cloudflare Workers 無伺服器託管(Serverless),不用擔心程式碼遭到篡改。當然你也可以選擇下載 WordPress 外掛,若你覺得這個方式更適合你。

那麼對於一般使用者來說,有沒有可能享受到 instant.page 帶來的好處呢?本文要推薦的瀏覽器外掛「FasterChrome」就是將 instant.page 技術帶到瀏覽器上,使用者瀏覽網頁時將游標移動到超連結上就會開始預先下載目標頁面。對於瀏覽速度來說會有幫助,但在同一網站的頁面上執行效果最佳。

不過根據 instant.page 官方網站說明,這項技術只會在使用者很有可能點選某個鏈結後才會預先載入目標頁面,而且只預先載入 HTML ,不會載入圖片或相關檔案,用以確保使用者和伺服器不耗費額外的流量或 CPU。

擴充功能資訊

元件名稱:FasterChrome
適用平台:Chrome
程式語系:英文
官方網站:https://instant.page/
安裝頁面:從 Chrome 線上應用程式商店下載

使用教學

STEP 1

以 Google Chrome 瀏覽器開啟「FasterChrome」擴充功能頁面,點選右上角按鈕下載、安裝到瀏覽器就能使用。

STEP 2

FasterChrome 本身沒有其他設定選項,安裝後右上角會有紅色閃電標誌,代表 instant.page 功能已經在瀏覽器上執行,要注意的是 FasterChrome 不會在觸發操作的網址上運作(例如要登入或刪除的鏈結),如果網址中帶有問號的頁面也不會有效果。

安裝 FasterChrome 後就實際瀏覽一下免費資源網路社群試試看吧!雖然網站本身速度已經很快,但加上 instant.page 技術或有更上一層樓的效果,若對於瀏覽體驗有所追求的朋友不妨將此外掛納入你的瀏覽器。

值得一試的三個理由:

  1. 將 instant.page 技術運用到瀏覽器,提升瀏覽網頁速度
  2. 游標移動到超連結後預先載入內容更節省時間
  3. 對網站管理者來說也可透過 instant.page 帶入這項技術

 

相關的文章

instant.page 官方 WordPress 外掛程式,在網站頁面產生立即載入效果

我去年曾介紹過一個很有用的網站工具「instant.page 讓你的網頁載入更即時,只需加入一段程式碼」,透過只有 200 行、壓縮後僅有 1 Kb 左右的 JavaScript 程式碼來讓網站速度變得更快,而它的原理也不難懂,利用瀏覽器 prefetch 技術在使用者點選鏈結前預先取得網頁內容,雖然只有幾毫秒差距,但確實有助於改善網頁的瀏覽體驗。現在這項服務也被不少國際知名公司使用。如果你是一般使用者,透過 FasterChrome 瀏覽器擴充功能也能提升瀏覽網頁時的速度。

Full Page Screen Capture 快速擷取完整網頁畫面,轉為圖片或 PDF 格式(Chrome 擴充功能)

對於可以保存網頁畫面的截圖工具相信大家都不陌生,像是 WinSnap、FastStone Capture 或 Mac 系統很好用的 Jing(現在是 TechSmith Screencast)都能達到類似效果,或是透過瀏覽器擴充功能和線上工具也能做到,通常保存下來的都是靜態圖片格式。如果你想要完整保存某個網頁在某個時間點的樣貌,透過第三方建立更具公信力的網頁備份可能是更好的選擇,我曾介紹過 Wayback Machine 網頁時光機就能讓使用者將頁面完整保存在線上,以便隨時回溯到特定時間:

Real search box in New Tab Page 在 Chrome 新分頁使用真正的搜尋框

想了一下自己的使用習慣,好像已經不太倚賴瀏覽器開新分頁後的功能,像是搜尋或是快速開啟常用網站,自從安裝「Empty New Tab Page 讓 Google 瀏覽器新分頁空白」外掛後現在新分頁又回到空白一片,如果要透過瀏覽器搜尋也很習慣手動開啟 Google 首頁,而不是直接從網址列進行搜尋,儘管網址列現在除了輸入網址,也能快速將關鍵字透過你習慣的瀏覽器搜尋。

Save To The Wayback Machine 一鍵備份網頁內容,查詢已存檔頁面版本(Chrome 擴充功能)

前幾天剛寫完「使用 Wayback Machine 完整備份網頁畫面,建立可永久使用的引用來源」教學,現在大家都知道 Internet Archive 網際網路檔案庫是可以用來備份網頁、查看不同時間網頁樣貌的工具,還能比較不同時間的內容差異。有時候如果要引用某個時間點的內容,透過 Wayback Machine 產生的網址可以永久使用而不必擔心失效,至少無法竄改內容,若是直接擷圖可能難以標示時間,也不能確保內容客觀性。

Cloudflare Speed 免費網路測速服務,可測網路速度、延遲和抖動情形

受新冠肺炎(COVID-19)疫情影響,許多公司改採在家辦公模式,減少員工在辦公室可能造成的群聚感染風險,也讓網路服務提供業者(ISP)觀察到家用頻寬上升的狀況。另一方面串流影音服務、線上會議服務的使用量也增加許多,Netflix 甚至宣布調降部分地區的流量,以因應過度使用情形。如果你想知道自己的網路速度究竟快或不快,可以透過網路測速工具看到數據,之前推薦過一些很值得使用的測速服務:

回應