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

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

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

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

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

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

instant.page 讓你的網頁載入更即時,只需加入一段程式碼

instant.page 讓你的網頁載入更快更即時,只需加入一段程式碼
Copyright : Karuna EM / 123RF Stock Photos

亞馬遜公司(Amazon)發現 100 毫秒(0.1 秒)網站延遲會影響 1% 銷售額,但網站速度問題很難改善,無論是不是電子商務網站,速度已經成為每個網站爭搶流量、留住使用者甚至是搜尋引擎最佳化關鍵。要提高網站速度的方法非常多,依照我的經驗,重新檢查原始碼是第一要務,將過度影響速度的部分移除,其他像是透過內容傳遞網路(CDN)進行圖片影片分流也是個很好的作法,關於網站速度檢查可參考「16 個免費網站測速工具,分析網頁效能表現」一文,有些很好用的工具能幫助開發者發現網站過慢等問題。

將網站提交到 HSTS Preload List,強制使用 HTTPS 協議連線更安全

HSTS Preload List
Copyright: timbrk / 123RF Stock Photo

Google 不斷推廣 HTTPS 加密協議已經有很長一段時間,早期大部分網站認為只有在需要傳輸使用者重要資訊(例如密碼、信用卡卡號)才需要啟用加密功能,但現況看來實在找不到不將網站轉為 HTTPS 的理由,支援更快的 HTTP/2 、免費 Let’s Encrypt 憑證,對於搜尋引擎來說也會有額外的 SEO 加分效果。當然也不是只有轉成 HTTPS 一句話那麼簡單,要進行的準備工作還不少,我寫過一篇「在 WordPress 設定 HTTPS,強制使用 SSL 安全加密協定教學」有詳細介紹過這個議題。