1、精簡(jiǎn)和優(yōu)化js和CSS
雖然有了緩存和gzip保駕護(hù)航,但是對(duì)于js和css的優(yōu)化卻也是必須的。javascript腳本和css代碼都是經(jīng)過縮進(jìn)和換行的,而瀏覽器執(zhí)行這些腳本不并需要這些無意義的空格和換行,去除這一些空格換行,甚至縮短javascript和css里面的變量,此類的優(yōu)化工具有YUI Compressor和Closure Compiler。這兩個(gè)工具都是基于java的,使用應(yīng)該安裝jdk并且設(shè)置JAVA_HOME。
2、利用瀏覽器緩存js和CSS文件
ExpiresActive on
ExpiresDefault “access plus 1 year”
這段代碼是對(duì) pg|gif|png|css|js發(fā)送header緩存頭,進(jìn)行一年的緩存、在瀏覽器不使用ctrl+F5 強(qiáng)制刷新時(shí),會(huì)一直緩存到時(shí)間時(shí)間結(jié)束,但是如果更改了js或者css文件必須把以前的路徑或者文件名更改,可以這樣base.js?ver=(x)這種方式下次瀏覽器就會(huì)自動(dòng)讀取并緩存。
3、把.js庫文件地址替換成Google CDN的地址
隨著jquery和mootools等js庫的使用需要加載的.js文件越來越多也越來越大,通常傳統(tǒng)的網(wǎng)站是上傳到
網(wǎng)站本身的目錄。但對(duì)于一個(gè)接近70多KB的jquery.js體積確實(shí)不利于網(wǎng)站響應(yīng)速度的提升,此時(shí)就應(yīng)該使用Google API。
4、GZIP壓縮JS和CSS文件
壓縮js和css可以通過
服務(wù)器動(dòng)態(tài)腳本進(jìn)行也可以更簡(jiǎn)單的使用apache
服務(wù)器可以在網(wǎng)站根目錄 .htaccess 中加入以下代碼
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json
Header append Vary Accept-Encoding
這段代碼是調(diào)用
服務(wù)器的壓縮模塊對(duì)以上文件輸出之前進(jìn)行GZIP壓縮,gzip的壓縮之后所有文件都應(yīng)該能減少30%以上的體積。特別是對(duì)于大量使用js的博客有了gzip保駕護(hù)航之后速度能提高不少。
5、優(yōu)化網(wǎng)站圖片
大量使用的圖片和圖標(biāo)雖然可以給網(wǎng)站帶來美輪美奐的效果,圖文混編更是一種非常絢麗的博文展現(xiàn)方法。可圖片的體積確實(shí)不是很給力,jpg是一種有損壓縮格式,而png雖然是無損的,但缺憾是體積頗大。為了減少圖片體積達(dá)到最快的下載速度,每一張圖片上傳前應(yīng)該優(yōu)化一下體積。
6、使用css sprites合并圖片