首頁 > web前端 > js教程 > InstantClick外掛提升頁面載入速度用法介紹

InstantClick外掛提升頁面載入速度用法介紹

巴扎黑
發布: 2017-09-13 09:33:08
原創
1734 人瀏覽過

這篇文章主要介紹了提升頁面載入速度的插件InstantClick,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧

通常,我們為了減少DNS的查詢時間,我們可以使用dns prefetch為該頁面中連結的做解析,提升頁面的載入速度。類似的,我們可以在滑鼠滑到連結上到點擊的時間間隙去加載這個頁面,通常這個間隙有幾百毫秒,利用InstantClick,我們可以充分利用這幾百毫秒,讓網站能夠瞬間顯示新頁面,幾乎沒有延遲。

InstantClick的安裝

安裝InstantClick非常簡單,只要把InstantClick下載過來放到某一個目錄下,然後在之前引用一下程式碼即可,例如:


<script src="//img.ezloo.com/static/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
登入後複製

InstantClick可能會導致出現白屏的情況,官方給出了例子,解決了和Google Adsense之間的衝突。我發現百度統計也會導致白屏,在

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板