---

instant.page 使用即時預加載技術，在用戶點擊之前預先加載頁面。當用戶的鼠標懸停在一個鏈接上超過 65 毫秒時，瀏覽器會對此頁面進行預加載，當用戶點擊鏈接后，就從預加載的緩存中直接讀取頁面內容，從而達到縮短頁面加載時間的目的。

以我博客為例，使用了這項技術后，當鼠標在一個鏈接停留超過 65 毫秒時，Network 里可以看見相關文章已經預加載出來了，而停留時間過短就不會預加載（紅色部分，狀態為 canceled）

使用方法：
將以下HTML代碼放在</ body> 之前即可：

<script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>

但是此腳本是官方的，儲存在國外服務器，對國內訪問不太友好，可以將該JS腳本儲存到自己的服務器上，點此獲取該JS腳本，然后再根據以下格式在</ body> 之前引用：

<script src="`存放路徑`/instantclick-1.2.2.js" type="module"></script>

也可以直接使用我的，使用 jsDeliver CDN 加速，速度還可以：

<script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.2/js/instantclick-1.2.2.js" type="module"></script>

參考資料：《網站預加載 JS 腳本 instant.page》——by 左岸 ；instant.page官網

總結

以上是生活随笔為你收集整理的instant.page —— 一个 JS 脚本实现网站预加载，提升页面加载速度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。