「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」官方網站截圖。

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

CSS:網頁檔簡化，將CSS取出成獨立檔案!
📆 2013-01-01
📁 網站技術, CSS

Highlight Matching Tag（Visual Studio Code 擴充功能）：HTML 開始與結束標籤強調與標示
📆 2020-03-02
📁 軟體應用, 網站技術, HTML

【網站架設】為404錯誤設置自訂網頁教學
📆 2014-02-10
📁 網站技術

Node.js：處理多層目錄檔案（Gulp、mozjpeg 批次圖片壓縮 - 延伸篇）
📆 2019-03-30
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp

Visual Studio Code：開放原始碼的程式碼編輯器、中文化支援、可個人化
📆 2019-02-11
📁 軟體介紹, 網站技術, 程式設計

CSS:陰影 box-shadow
📆 2013-01-01
📁 網站技術, CSS

CSS:屬性border簡單介紹
📆 2013-01-01
📁 網站技術, CSS

Java Server Pages (JSP)（Visual Studio Code 擴充功能）：讓 VSCode 支援 JSP
📆 2019-03-26
📁 軟體應用, 網站技術, JSP

《上一篇》BlueJ：簡易的 JAVA 編輯、編譯器，適合教學使用 《下一篇》Language Support for Java(TM)（Visual Studio Code 擴充功能）：JAVA 支援必備擴充