合并css和js文件 加快網(wǎng)站瀏覽速度

　　雖然現(xiàn)在本站首頁(yè)、獨(dú)立文章頁(yè)等都已經(jīng)靜態(tài)化，但由于服務(wù)器在美國(guó)的DH上，所以有的時(shí)候響應(yīng)速度還是有點(diǎn)讓人受不了。在網(wǎng)上搜了很多關(guān)于Wp優(yōu)化的文章，這里推薦一篇優(yōu)化合集：優(yōu)化Wordpress-wp終極優(yōu)化手冊(cè)。其實(shí)很早就看了這篇文章，但是一直懶得動(dòng)手。

　　查看了下Ks Home首頁(yè)的源文件，發(fā)現(xiàn)里面有很多條載入js和css文件的html語(yǔ)句。也就是說(shuō)系統(tǒng)在顯示首頁(yè)的時(shí)候，會(huì)讀取這些文件，而這個(gè)時(shí)候會(huì)產(chǎn)生大量的http requests，其中產(chǎn)生的延時(shí)約為0.2秒/個(gè)，這將使得讀取速度大大降低!

　　因此，今天主要合并了wp插件中的css和js文件，但我這里并沒(méi)有使用閱微堂的手動(dòng)合并的方法中新建一個(gè)all.js.php的方法。對(duì)于css文件，我的做法是直接手動(dòng)合并，簡(jiǎn)單的將幾個(gè)css文件里的樣式全部Copy到Theme的style.css中，然后刪除相應(yīng)的css文件，并刪除插件中調(diào)用該css文件的相應(yīng)php語(yǔ)句。至于對(duì)js文件的處理，我是先新建一個(gè)all.js文件，然后將插件調(diào)用的js代碼全部copy到all.js中，然后刪除相應(yīng)的js文件和調(diào)用該js文件的php語(yǔ)句，上傳all.js到適當(dāng)位置，最后在head.php中添加載入all.js的語(yǔ)句。這種方法修改和刪除的地方很多，而且容易出錯(cuò)，所以修改或刪除之前請(qǐng)做好備份!

　　效果嘛，好像還是很明顯的。我用PingDom測(cè)試了下，和以前的數(shù)據(jù)對(duì)比，時(shí)間上確實(shí)相差很多。其實(shí)我自己感覺(jué)好像快了些，還讓阿飛還有S幫我測(cè)試了下，都說(shuō)訪問(wèn)速度有所提高。有成效就好，時(shí)間沒(méi)有白費(fèi)!這里要特別感謝下我的兄弟阿飛，謝謝他多次不厭其煩的幫我做測(cè)試，哈哈～～～

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)