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

本文地址：http://www.gle-technology.com/wordpress/15394.html