instant.page:預載技術、預測使用者點擊進而加速載入網頁

2019/02/22 74 網站技術 , HTML , JavaScript

「instant.page」是一款相當輕量的 JavaScript 程式,利用 CDN 的方式放入自己的網站,就可以加速網頁載入速度,怎麼這麼神奇呢?原來是利用我們從觸碰連結到點擊連結的這個空檔進行預載,就可以減少部分的載入時間,預載只包含 HTML,但這樣就足以讓網頁整體首次顯示的速度加快,使用者將體驗到相當快的載入體驗,程式碼完全開源,非常推薦有在經營網站的站長們使用!

詳細技術是當使用者游標在連結上浮動 65 ms (毫秒) 的時間就很有機會點擊該連結,因此這時開始預載連結網頁,所以點入該連結後其實已經先載入好(或載入好部份)HTML,所以網頁幾乎可以瞬間開啟(顯示),達到「快速」開啟的效果!官方網站上有提供一顆按鈕可以測試自己從觸碰連結到點擊連結的空檔有多久,其實平均應該是 300 ms 唷!

基本上只要把以下原始碼添加到網頁 </body> 前即可:

<script src="//instant.page/1.1.0" type="module" integrity="sha384-EwBObn5QAxP8f09iemwAJljc+sU+eUXeL9vSBw1eNmVarwhKk2F9vBEpaN9rsrtp"></script>


▲「instant.page」官方網站截圖。

▲官方文件也有說明可以設定白名單/黑名單,用來設定是否執行預載。有些條件下預載不會執行,如連結網址內有「?」,這可能跟登出等行為有關,不適用預載。

贊助廣告 ‧ Sponsor advertisements
徵信社服務電話| 外遇疑雲| 阿宅來說徵信社故事| 如何手機監聽| 徵信社電話幾號| 徵信價目表費用| 抓姦在床蒐證| 台北立達徵信社| 免費法律諮詢專線| 馭夫術手段| 設計離婚服務| 男友感情挽回| 包二奶氾濫| 抓小三蒐證| 反跟蹤可行嗎| 尋人查址高手| 夫妻協議離婚| 委託外遇蒐證| 丈夫外遇偷腥| 名人外遇新聞| 立案專業徵信社| 婚前調查協助| 離婚扶養費| 汽車定位追蹤| 危險徵信社任務| 免費法律諮詢| 國際徵信公司|
【業界首推立達徵信FB