新聞中心
WordPress“預(yù)加載”功能實(shí)現(xiàn)插件:InstantClick
經(jīng)常上網(wǎng)的站長朋友們可能會(huì)留心到,同一個(gè)網(wǎng)站在谷歌瀏覽器和火狐瀏覽器中的加載速度要快一點(diǎn),因?yàn)檫@是chrome瀏覽器給全部頁面都使用了預(yù)加載功能。無憂主機(jī)php虛擬主機(jī)在國內(nèi)的訪問速度ping值都在100ms以內(nèi),非常適合您的網(wǎng)站建設(shè)。 今天無憂小編我在給自己的Wordpress博客更換網(wǎng)站主題的時(shí)候,無意中發(fā)現(xiàn)了Wordpress程序也有這個(gè)“預(yù)加載”功能,現(xiàn)在還是有一部分人在使用這個(gè)插件,這個(gè)插件叫:InstantClick。 這個(gè)插件安裝使用很方便,點(diǎn)我就知道如何安裝Wordpress插件,插件安裝完成以后啟用即可,不需要做設(shè)置即可使用;運(yùn)行原理也很簡單:當(dāng)鼠標(biāo)移到鏈接上時(shí),就已經(jīng)開始加載頁面了,從鼠標(biāo)懸停該鏈接到點(diǎn)擊鏈接這中間有那么幾百毫秒的間隔,此時(shí)頁面已經(jīng)加載得差不多,那么在真正打開頁面時(shí)就等于直接顯示,速度會(huì)非常快,就和html里面的mouseover()、mousedown()、mouseout()三個(gè)事件執(zhí)行整個(gè)過程,非常類似于整個(gè)頁面都使用了Ajax。 安裝插件還不夠,還需要在網(wǎng)站主題目錄下面的js文件夾里面添加如下代碼,也可以在主題目錄下面的footer.php標(biāo)簽里面引用如下代碼: <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/instantclick.min.js” data-no-instant> </script> <script data-no-instant> InstantClick.init(); </script> 這樣一操作完就大功告成了,當(dāng)你在刷新訪問網(wǎng)站的時(shí)候,可以看到網(wǎng)站頂部有一個(gè)加載進(jìn)度條提示。 無憂提醒:如果因?yàn)椴寮c主題沖突情況導(dǎo)致了網(wǎng)站訪問不了,請注意及時(shí)關(guān)閉插件。 無憂主機(jī)相關(guān)文章推薦閱讀: 如何讓您的WORDPRESS網(wǎng)站更加完美 WORDPRESS優(yōu)化主題使速度得到提高 WORDPRESS更換模版需要注意的事項(xiàng) WORDPRESS使用小技巧:改變 JPEG 圖片上傳的壓縮率
本文地址:http://www.gle-technology.com/wordpress/17410.html