InstantClick - JS library to make your website instant

InstantClick 是一 JS 套件,能讓在 MouseHover 時就預先進行站台的載入,這樣在 MouseDown 後切換頁面就會只需要較少的載入時間,加速網站的載入速度。


InstantClick 這邊也提供了個簡易的測試站台,可用來測試 MouseHover 與 MouseDown 之間的時間間隔,也就是 InstantClick 會拿來預載網頁的時間間隔。


測試上只要先把滑鼠從連結上移開,然後將滑鼠移上連結,按下滑鼠按鈕即可。通常測試下來大概可以看到可用來預載的時間間隔約為 200 ~ 300 ms。


想要看一下 InstantClick 的運作的話,可以在 InstantClick 網站開啟開發人員工具,切換到 Network 頁籤,然後將滑鼠移至連結,就可以看到當滑鼠移至連結時就已經在進行預載的動作了。


InstantClick 支援的瀏覽器版本如下:


若是要使用可在下載頁面將要使用的 js 檔下載。


或是透過 bower 之類的套件管理工具下載。

bower install instantclick


下載下來後放置專案中像下面這樣調用即可。

1
2
<script type="text/javascript" src= "js/instantclick.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>


最後提醒一下,InstantClick 的預載行為可能會造成其它套件的異常,可能要自行視情況修正將問題排除。