站長(zhǎng)朋友都知道，一個(gè)網(wǎng)站的速度其實(shí)是自己的代碼的優(yōu)化是有很大的關(guān)系的，因?yàn)楫吘刮覀兪褂玫氖沁h(yuǎn)程虛擬主機(jī)，每一樣?xùn)|西都是需要加載的，所以有些代碼里面有404，或者是資源過(guò)大也會(huì)導(dǎo)致網(wǎng)站的速度慢的，無(wú)憂(yōu)主機(jī)目前的速度是在香港穩(wěn)居第一，但是總算這樣，還有有些站長(zhǎng)朋友就會(huì)認(rèn)為是我們的主機(jī)的帶寬問(wèn)題，還有就是兼容性問(wèn)題，無(wú)憂(yōu)主機(jī)目前能支持絕大部分的php開(kāi)源程序，所以這個(gè)兼容性就是非常的完美了。但是很多站長(zhǎng)朋友wordpress使用的主題是瀑布流模式，這種模式很耗資源的。每張圖片都是需要加載才能完全打開(kāi)的，所以為了喜歡這種的主題的站長(zhǎng)朋友，無(wú)憂(yōu)主機(jī)小編就想出了一個(gè)方法就是使用當(dāng)我們隨著頁(yè)面往下拖動(dòng)而漸漸加載顯示出來(lái)，這樣不但能改善讀者體驗(yàn)，而且可以節(jié)省流量，提高頁(yè)面打開(kāi)的速度。想實(shí)現(xiàn)這樣的問(wèn)題其實(shí)是很簡(jiǎn)單的，也并不是很難，所以下面就看無(wú)憂(yōu)主機(jī)小編是怎么實(shí)現(xiàn)的吧。 首先實(shí)現(xiàn)這個(gè)功能用到了jquery.lazyload.js組件，jquery.lazyload.js 是一個(gè)用 JavaScript 編寫(xiě)的 jQuery 插件，它可以延遲加載網(wǎng)頁(yè)中的圖片，通過(guò)判斷瀏覽者是否在查看當(dāng)前圖片，來(lái)選擇是否立即加載顯示。只有當(dāng)我們的用戶(hù)滑動(dòng)鼠標(biāo)滾輪或?yàn)g覽到圖片位置時(shí)，真正的圖片才會(huì)得以加載并顯示，否則會(huì)默認(rèn)加載預(yù)設(shè)的填充圖片。那么下面就來(lái)看看具體的實(shí)現(xiàn)方法吧。 實(shí)現(xiàn)方法： 1、下載程序包： lazyload 下載地址為：http://xiazai.jb51.net/201103/yuanma/lazyload_fix.rar 選擇你的默認(rèn)圖片 nopic_small.gif 下載完畢后，解壓上傳文件到wordpress的相關(guān)目錄。 2、在當(dāng)前主題下的“header.php”文件中添加下面的JS調(diào)用代碼。 <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/includes/js/jquery-1.4.2.min.js”></script> <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/includes/js/jquery.lazyload.js”></script> <script type=”text/javascript”> jQuery(document).ready( function($){ $(“img”).lazyload({ placeholder : “<?php bloginfo(‘template_url’); ?>/images/nopic_small.gif”, effect : “fadeIn” }); } ); </script> 上面代碼要放到head技術(shù)標(biāo)記前面，如下圖： [caption id="attachment_15395" align="alignnone" width="504"] wordpress[/caption] 很多站長(zhǎng)朋友在傳授經(jīng)驗(yàn)的時(shí)候掉了上面第一行代碼，這個(gè)代碼是必須的，否則您做的其他事情都是白做的，出不來(lái)效果的。 上傳了文件，添加了代碼(記得根據(jù)自己主題的情況對(duì)上面相關(guān)代碼進(jìn)行替換修改)，就可以看到效果了。注意如果在本地測(cè)試的話(huà)，您可能會(huì)看不到效果，因?yàn)榧虞d非常塊，放到遠(yuǎn)程主機(jī)上測(cè)試比較好。無(wú)憂(yōu)主機(jī)是完全支持的喲，謝謝站長(zhǎng)朋友的們的支持與厚愛(ài)。 無(wú)憂(yōu)主機(jī)相關(guān)文章推薦閱讀： 添加WORDPRESS數(shù)據(jù)庫(kù)運(yùn)行狀態(tài)日志 設(shè)置WORDPRESS評(píng)論達(dá)到數(shù)量后自動(dòng)關(guān)閉評(píng)論 谷歌影響后WORDPRESS存在的問(wèn)題并分析解決 WORDPRESS表單插件WP USER FRONTEND PROWWP

本文地址：http://www.love62.cn/wordpress/15394.html