joomla 網頁速度效能優化第二彈

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 可以幫你移除:

Mootools_Enabler_Disabler 操作介面

在Aditional scripts填入移除的script路徑就行了,然後用逗點分開,

因為我的網頁其實不是建立在主目錄下,

而是建立在主目錄下的blog目錄,所以我在路徑前面又多了個/blog。

如果你的網頁是在主目錄下,是不需要多寫這路徑的。

 
 

  按個讚!~支持本站!~

FB推薦載入中  

 你可能會有興趣的文章