WordPress減肥記:壓縮JavaScript檔的大小
最近幾個月虛擬主機的流量一直破表,2009年11日時使用量91%時,趕緊把放在網站裡的圖檔都改到外部網站,好不容易讓流量降到72%,沒想到最近幾個月都超出每個月30GB的流量限制。因為智邦是採用超量自動扣除可用天數的作法,因此沒有無法連線的壓力,拖到今天開始著手減肥,首先列出佔用頻寬的「大用戶」出來。
▼最近幾個月的流量統計
我由網頁紀錄分析列出昨天的要求(網頁Request)報表,發覺WordPress使用的幾個JavaScript檔吃掉不少流量:/wp-includes/js/jquery/jquery.jsp佔了傳輸量的16%,/wp-includes/js/prototype.js則佔了約12%。好像從WordPress 2.8開始,WordPress就使用了這幾個常見的JavaScript Framework,如果把這些.js檔拿掉的話,又會造成系統運作異常(例如刪掉prototype.js的話,後台的Widgets設定就會完全無法操作),更糟的是像prototype.js使用的是完整的原始檔,一個檔就是125K!
▼網頁要求統計報表

減肥的第一步是把prototype.js壓縮變小,由這裡下載YUI Compressor來壓縮,由125K降成71K,把縮小後的prototype.min.js複製回WordPress的wp-includes/js資料夾,檔名仍為prototype.js:
cd build rem copy prototype.js to yuicompressor-2.4.2/build java -jar yuicompressor-2.4.2.jar prototype.js > prototype.min.js rem copy prototype.min.js YOUR_WORDPRESS\wp-includes\js\prototype.js
接著再把WordPress使用的內建jquery.js檔換成Google CDN的檔案:
- 編輯wp-includes/scripts-loader.php
- 修改jquery.js檔案:
//$scripts->add( 'jquery', '/wp-includes/js/jquery/jquery.js', false, '1.3.2'); $scripts->add( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.3.2');
- 將修改儲存起來並更新回虛擬主機
先修改這兩個,觀察明天的流量,希望流量會降低些。
##
相關文章
留言-您的隻字片言對作者都是莫大的鼓勵
謝謝分享!!
不過在弟的 WP3.0 修改用GOOGLE 的 JQUERY 後..
發現原 WP PANEL / POST TAGS 會出現無法使用的狀況!!
以上..
[回應]
撰寫留言
隨機文章
- [轉貼] 利用Wood Workshop自製木頭質感的底圖素材 (3 人次, 2005-06-14)
- 用DeskView讓桌面變清爽 (3 人次, 2008-01-24)
- 接聽電話後重新顯示螢幕的偵測軟體:Touch InCall Screen Tweak (3 人次, 2009-03-12)
- [WM6] 自動再次提醒未接來電等事件:ReRemind (3 人次, 2009-04-19)
- Windows Mobile使用的完美聯絡人軟體:Inesoft Phone [修訂] (2 人次, 2009-02-28)
- [工具] Xuite人氣統計網頁 (2 人次, 2007-09-16)
- OpenOffice.org擴充的集中站 (2 人次, 2008-01-31)
- 又一個Java寫的資料庫前端工具:Execute Query 3.0 (2 人次, 2006-09-21)
- Xuite網址的正規運算式測試 (2 人次, 2007-04-30)
- 能在HD手機上順暢運行的3D賽車+射擊遊戲:Xtrackt (2 人次, 2009-09-12)
- 如何組成強固又容易記憶的密碼? (2 人次, 2009-01-07)
- 搖手機啟動指定的程式:G-Trigger (2 人次, 2009-03-19)
- ls -d 的用途 (2 人次, 2004-12-26)
- (2 人次, 2004-12-15)
- [Blog] 刪除del.icio.us的張貼網站 (2 人次, 2005-03-05)
- [Xuite] 文章分類後面的小圖示代表什麼意義? (2 人次, 2005-03-16)
- [轉貼] 全球掀熱潮 桃太郎最愛玩部落格 (2 人次, 2007-04-09)
- 讓手機永保清醒的DontSleep Wifi (2 人次, 2009-03-13)
- [轉貼] Me Media——個人媒體時代來臨! (2 人次, 2005-04-10)
- [轉貼] 千千靜聽:自動抓歌詞+詞曲同步的KTV播放器 (2 人次, 2005-07-22)
- 能與Google Reader同步的Windows Mobile RSS reader? (2 人次, 2009-03-09)
- Spb Mobile Shell設定備忘 (2 人次, 2009-02-19)
- 在Blog裡顯示隨機文章的簡單作法 (2 人次, 2007-10-14)
- Linus談Git與TortoiseGit (2 人次, 2008-12-19)
- WinMerge檔案濾鏡的使用方法 (2 人次, 2006-09-10)
- 用樣式控制Google AdSense廣告顯示的位置 (2 人次, 2007-05-03)
- [SVN] Hook scripts的使用方法 (2 人次, 2005-12-09)
- [Tools] 快速搜尋檔案:Locate32 (2 人次, 2005-07-16)
- [NetBeans] 安裝與設定NetBeans內的Subversion (2 人次, 2006-01-21)
- 將圖片批次加入浮水印的工具:TSR Watermark Image Software (2 人次, 2010-06-06)
- 關閉所有視窗的小工具:CloseAll.exe (2 人次, 2010-05-22)
- 用反垃圾郵件代理程式Anti-Spam SMTP Proxy (ASSP)清除惱人的垃圾信 (2 人次, 2010-05-23)
- [創作] 字型工具產生器:動態變更Blog網頁的字型大小 (2 人次, 2007-04-29)
- 用tag2find幫你的文件隨處貼標籤 (2 人次, 2008-01-11)
- [Subversion] 尋找Subversion Client工具 (2 人次, 2005-09-01)
- 常見的收錄書籤網址寫法之彙總表格 V1.1 (2 人次, 2007-04-01)
- [轉貼Toget] iColorfolder:為資料夾圖示換上繽紛色彩 (2 人次, 2005-08-09)
- [Tools] 為硬碟做健康檢查:HDDlife; 硬碟測試:HD_Speed、HD Tune (2 人次, 2005-03-18)
- Firefox: 使用者自訂檔 (1 人次, 2005-01-08)
- 目前使用中的WordPress外掛 (1 人次, 2008-11-29)
- 使用QNAP TS-109 NAS設備的心得 (1 人次, 2007-10-18)
- FireFox擴充套件與自訂工具列按鈕 (1 人次, 2005-01-09)
- 加入兔斯基表情圖形的網頁 (1 人次, 2008-01-16)
- TiddlyWiki: 增加第二組編輯區工具列 (1 人次, 2007-08-15)
- [創作] 個人網頁全都連:Show Yourself Generator V1.0 (1 人次, 2007-04-21)
- 在字裡行間發出嗡嗡聲:LineBuzz--線上註解服務 (1 人次, 2007-05-20)
- 不用再一篇一篇剪貼了:在文章內文動態產生google AdSense的廣告 (1 人次, 2007-04-16)
- 亞洲電腦巨擘之間的博弈 (1 人次, 2007-09-24)
- 我常用的軟體工具彙整清單 (1 人次, 2007-03-31)
- 方便但常會忘了的指令 (1 人次, 2004-12-15)








簡睿 回應:
七月 2nd, 2010 at 09:34:13
WordPress 3好像使用jQuery 1.4.2了? 文中範例使用的是1.3.2,改成1.4.2應該是OK的。本網站就是WordPress 3,一切正常哩。
[回應]
m.m. 回應:
七月 2nd, 2010 at 10:18:53
ㄟ… 這版號我也有改哩.. ><
莫非是其它的 PLUGIN 沖到了..
回家再試試好了.. 謝謝!!
[回應]