欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

提升頁面加載速度的插件InstantClick

 更新時間：2017年09月12日 16:31:34   作者：Jackie  
本篇文章主要介紹了提升頁面加載速度的插件InstantClick，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

通常，我們?yōu)榱藴p少DNS的查詢時間，我們可以使用dns prefetch為該頁面中鏈接的做解析，提升頁面的加載速度。類似的，我們可以在鼠標(biāo)滑到鏈接上到點擊的時間間隙去加載這個頁面，通常這個間隙有幾百毫秒，利用InstantClick，我們可以充分利用這幾百毫秒，讓網(wǎng)站能夠瞬間顯示新頁面，幾乎沒有延遲。

InstantClick的安裝

安裝InstantClick非常簡單，只要把InstantClick下載過來放到某一個目錄下，然后在</body>之前引用一下代碼即可，例如：

<script src="http://img.ezloo.com/static/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

InstantClick可能會導(dǎo)致出現(xiàn)白屏的情況，官方給出了例子，解決了和Google Adsense之間的沖突。我發(fā)現(xiàn)百度統(tǒng)計也會導(dǎo)致白屏，在<script>中加data-no-instant會解決這個問題，就像上面的例子一樣。由于不懂JS，不知道這會不會影響統(tǒng)計。

InstantClick工作原理

InstantClick使用pushState和Ajax(pjax)來實現(xiàn)，只替換<body>和頭部的<title>，瀏覽器不必重新解析編譯頁面，這樣在頁面跳轉(zhuǎn)的過程中，瀏覽器不會閃一下白屏，看上去頁面在瞬間就加載完成了。

InstantClick的進(jìn)度條

默認(rèn)情況下，InstantClick在載入頁面的時候，會在頁面的頂部顯示一個進(jìn)度條，默認(rèn)的顏色是#29d，你可以更改顏色：

#instantclick-bar {
  background: white;
}

也可以隱藏進(jìn)度條：

#instantclick {
  display: none;
}

WordPress插件

如果你使用的是WordPress博客，你可以搜索安裝InstantClick插件https://wordpress.org/plugins/instantclick/，安裝完成之后，在WordPress后臺的設(shè)置菜單下，會增加一個InstantClick選項。

相關(guān)鏈接：

測試鼠標(biāo)點擊延遲：http://instantclick.io/click-test

讓InstantClick兼容百度統(tǒng)計、Google Analytics：http://www.dbjr.com.cn/hack/123521.html

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論