我們經(jīng)常會(huì)聽(tīng)到有人抱怨網(wǎng)站的訪問(wèn)速度太慢，眾所周知，網(wǎng)站的響應(yīng)速度依賴于這個(gè)網(wǎng)站使用的空間配置，空間配置越高，網(wǎng)站訪問(wèn)速度越快。其實(shí)避開(kāi)空間配置因素不談，我們也可以從網(wǎng)頁(yè)制作方面入手，在現(xiàn)有資源的基礎(chǔ)上提升網(wǎng)站的訪問(wèn)速度，今天中企動(dòng)力網(wǎng)站建設(shè)小編就帶您看一下這幾個(gè)優(yōu)化的小技巧吧。
1、利用瀏覽器緩存你的 js 和 CSS 文件：
<ifmodule mod_expires.c>
<filesmatch “\.(jpg|gif|png|css|js)$”>
ExpiresActive on
ExpiresDefault “access plus 1 year”
</filesmatch>
這段代碼的意思是對(duì) jpg|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)讀取并緩存。
2、把你的 .js 庫(kù)文件地址替換成 Google CDN的地址：
例如：把你的 //www.mahaixiang.cn/jquery.x.x.js 替換為 //ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js，其意義在于當(dāng)一個(gè)用戶訪問(wèn)過(guò)使用 google api 的網(wǎng)站之后，再次訪問(wèn)其他調(diào)用了該api地址的網(wǎng)站就不需要再次加載該文件了。從而達(dá)到提速的目的。不單是jquery庫(kù)，其他諸如mootools yui 也可以使用這種方式。推薦一個(gè)js網(wǎng)站： //scriptsrc.net/ ， 這個(gè)網(wǎng)站收集Google 提供的 js API路徑，直接點(diǎn)擊復(fù)制就可以獲取到最新版的文件路徑。
3、精簡(jiǎn)和優(yōu)化你的 js 和 CSS：
雖然有了緩存和gzip保駕護(hù)航，但是對(duì)于 js 和 css 的優(yōu)化卻也是必須的。我們寫(xiě)的javascript腳本和 css 代碼都是經(jīng)過(guò)縮進(jìn)和換行的，適合人類閱讀，但是瀏覽器執(zhí)行這些腳本不并需要這些無(wú)意義的空格和換行。所以我們應(yīng)該去除這一些空格換行，甚至縮短 javascript 和 css 里面的變量。諸如此類的優(yōu)化工具有 YUI Compressor 和 Closure Compiler 。這兩個(gè)工具都是基于 java 的，使用應(yīng)該安裝jdk并且設(shè)置 JAVA_HOME 。（對(duì)于非程序員的網(wǎng)站管理員而言確實(shí)有點(diǎn)困難）
推薦一個(gè)css在線壓縮地址：//www.mahaixiang.cn/zyxz/zxgj/cssys.html此工具可以不用在本地安裝jdk，直接上傳 js 和 css 文件進(jìn)行壓縮，可選擇是采用 YUI Compressor 或 Closure Compiler 。
4、使用css sprites合并圖片
一個(gè)網(wǎng)站經(jīng)常使用小圖標(biāo)和小圖片進(jìn)行美化，但是很遺憾這些小圖片占用了大量的HTTP請(qǐng)求，因此可以采用sprites的方式把所有的圖片合并成一張圖片 ，可以通過(guò)相關(guān)工具在線合并，也可以在ps中合并。
5、優(yōu)化你網(wǎng)站圖片：
大量使用的圖片和圖標(biāo)雖然可以給網(wǎng)站帶來(lái)美輪美奐的效果，圖文混編更是一種非常絢麗的博文展現(xiàn)方法?？蓤D片的體積確實(shí)不是很給力，jpg是一種有損壓縮格式，而png雖然是無(wú)損的，但缺憾是體積頗大。為了減少圖片體積達(dá)到最快的下載速度，每一張圖片上傳前應(yīng)該優(yōu)化一下體積。專注于前端的yslow有一個(gè)工具叫smushit ：//www.smushit.com/ysmush.it/
此工具雖是一個(gè)無(wú)損壓縮圖片的工具，可以把你的圖片在保持原質(zhì)量不變的前提下優(yōu)化體積。但這種優(yōu)化體積通常只在 10% 左右。意味著一張100KB的圖片優(yōu)化后只有 90KB 或者更少……。當(dāng)然或許還有很多更好的壓縮工具，大家也可以互相推薦分享一下。
在現(xiàn)有的網(wǎng)站基礎(chǔ)上，希望以上5種優(yōu)化的小技巧能夠幫助各位提升網(wǎng)站響應(yīng)速度。
中企動(dòng)力，專業(yè)企業(yè)網(wǎng)站建設(shè)17年，為您打造放心網(wǎng)站。中企動(dòng)力還有近80家分公司，如：保定網(wǎng)站建設(shè)分公司等。
