要用 InstantClick 加速 Hexo 部落格，可先下載 InstantClick 放至 source\js 下。 然後開啟 _config.yml 設定檔，加入 skip_render 設定，將 js 檔排除 render。 接著修改 Hexo 的 theme 讓 InstantClick 得以啟動。以 next theme 為例，可開啟 next theme 的 layout_layout.swig，將 InstantClick 啟動的程式插入即可。 <script type="text/javascript" src= "js/instantclick.js" data-no-instant></script> <script data-no-instant>InstantClick.init();</script> 設定完可開啟部落格網站，打開開發人員工具，切換到 Network 頁籤，然後將滑鼠移至連結，就可以看到當滑鼠移至連結時就已經在進行預載的動作了。 最後提醒一下，InstantClick 的預載行為可能會造成其它套件的異常，可能要自行視情況修正將問題排除。 Link 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 下載下來後放置專案中像下面這樣調用即可。 <script type="text/javascript" src= "js/instantclick.js" data-no-instant></script> <script data-no-instant>InstantClick.init();</script> 最後提醒一下，InstantClick 的預載行為可能會造成其它套件的異常，可能要自行視情況修正將問題排除。 Link InstantClick — JS library to make your website instant