joomla 網頁速度效能優化第二彈
- 詳細內容
- 分類:網站架設
- 發佈:2013-02-16, 週六 23:12
- 點擊數:2379
joomla 網頁效能優化第二彈:
從上次發表joomla 網頁速度效能優化外掛JCH後,
對於joomla網頁下載速度,以及效能優化好像都沒新的動靜,今天就來個續集吧!
話說JCH真的不錯用,雖然還是有些小缺點,不果整體效果還不錯。
不過今天要談的跟JCH沒啥關係,但目的還是一樣,就是加快網頁下載速度。
今天要談的優化其實是有些風險的,要做優化的目標就是,移除mootools。
mootools是個與輕量級的javascript函式庫,話是這麼說,
雖然我對它沒研究,但我一點也不覺得它輕量=="。
在joomla2.5.x的版本中是內建下載mootools的,我看我的網頁會下載兩個關於mootools的js檔。
mootools-core.js 與 mootools-more.js,
如果沒進行壓縮的話mootools-core.js大概160k左右,mootools-more.js則有300多k。
就算進行壓縮,加起來大概還有300多k,拿掉大概可以少個1秒鐘吧XD"。
其實我想拿掉mootools還有一個主要原因是,IE在執行mootools-more.js時候好像會有點呆呆的。
這怎麼說?因為我在F12開發者工具在看執行程式碼的時候,每次點到這檔案,IE都會呆一下,
大概2~3秒,然後才會出現程式碼,其他的檔案就都不會,我覺得這是很嚴重的事情。
我就不知道這到底是為什麼,所以就乾脆把它移掉。
反正在前端其實很少會用到。(很少用的的意思就是其實會用到 ==")
移掉的方法其實很多種,網路上一堆教人怎麼手動移掉mootools的方法。
不過身為懶人的我,還是用外掛吧!簡單又方便!(我就知道有人跟我一樣想移掉它!)
如果你跟我一樣懶,就試試這個吧Mootools Enabler/Disabler。
這外掛可以幫你把mootools重網頁中移除,但是在編輯模式(和其他)時又會自動幫你打開,
還可以指定特殊元件載入時也自動開啟mootlools。
只要下載安裝完再把外掛設定成啟用就行了。
好吧!問題來了,其實joomla是有用的mootools的。
所以...
為了移除mootools,我把其他用到mootools的js檔也移除掉了。
我的網頁用的是joomla內建的佈景主題,beez_20,
先把mootools移掉,再把除錯模式打開,看看有那些檔會用到mootools。
經過測試,目前確定用到的有hide.js跟md_stylechanger.js
hide.js 是用來隱藏區塊的,像是左邊下方位置,或是右邊位置。只要是會隱藏區塊的都會用到這個,
剛好我都沒用,直接移掉。
md_stylechanger.js 是用來改變字體的,通常會出現在網頁右上角,我一直嫌它礙眼,
居然被我發現它的存在,移掉!
所以如果你有用到上面這些功能,移除mootool會造成網頁執行時產生錯誤訊息,
除非你自己再改寫上面兩個js檔的程式碼。
如果你用的跟我不一樣模組,最好自己再測試一下有哪些用到,能不能移除。
其實還有一個內建JCaption 功能,不過這個功能Mootools Enabler/Disabler 會直接幫你移掉。
Jcaption好像是用來做圖片說明的,我是對它沒啥感覺。
現在,另一個問題來了,怎麼移除用到mootools的js檔?再裝一個外掛?其實不用,
Mootools Enabler/Disabler 可以幫你移除:
在Aditional scripts填入移除的script路徑就行了,然後用逗點分開,
因為我的網頁其實不是建立在主目錄下,
而是建立在主目錄下的blog目錄,所以我在路徑前面又多了個/blog。
如果你的網頁是在主目錄下,是不需要多寫這路徑的。
按個讚!~支持本站!~
你可能會有興趣的文章
- Joomla升級到2.5.9版時發生的意外
- 關於script標籤的 defer 屬性
- 消息:HTML5定義完成, 進入互操作性測試和性能增強階段
- 消息:360公布 " HTML5狀況及發展形勢報告"
- joomla 變更網頁名稱
- joomla 網頁效能優化外掛
- GTmetrix網頁效能分析