更新時(shí)間：2014-12-15一般來(lái)說(shuō)，一個(gè)網(wǎng)站的訪問(wèn)速度快與慢是與網(wǎng)站使用的空間配置直接關(guān)聯(lián)的，要是網(wǎng)站的使用空間配置好，那么你的網(wǎng)站訪問(wèn)速度也會(huì)加快，網(wǎng)站的使用空間配置差，那么你的網(wǎng)站訪問(wèn)速度也會(huì)慢。那么拋開(kāi)空間的主觀因素，如何通過(guò)網(wǎng)站前端優(yōu)化方法提高網(wǎng)站打開(kāi)速度呢?
第一，通過(guò)GZIP壓縮JS和CSS文件
在網(wǎng)站根目錄.htaccess中加入以下代碼
<IfModule mod_deflate.c>AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json
Header append Vary Accept-Encoding
</IfModule>
對(duì)以上文件輸入之前進(jìn)行GZIP壓縮；
第二，優(yōu)化和精簡(jiǎn)JS和CSS
我們?cè)趯?xiě)JS腳本和CSS 代碼都是通過(guò)換行或縮進(jìn)的，但是瀏覽器執(zhí)行這些腳本時(shí)并不需要
這些無(wú)意義的空格和換行，所以我們應(yīng)該去掉這些空格換行；
第三，利用瀏覽器緩存你的JS和CSS文件
在網(wǎng)站根目錄.htaccess中加入以下代碼
<ifmodule mod_expires.c>
<filesmatch “\.(jpg|gif|png|css|js)$”>
ExpiresActive on
ExpiresDefault “access plus 1 year”
</filesmatch>
對(duì)JPG/GIF/PNG/JS發(fā)送header緩存頭，在你不強(qiáng)制更新瀏覽器時(shí)，進(jìn)行一年的緩存。
第四，使用CSS sprites合并圖片
一個(gè)網(wǎng)站通常會(huì)使用小圖標(biāo)或小圖片進(jìn)行美化，但是這些小圖片占用了大師的HTTP請(qǐng)求，這時(shí)我們可以采用sprites的方式將所有圖片合并，以提高網(wǎng)站打開(kāi)速度；
第五，優(yōu)化網(wǎng)站圖片
雖然大量的圖片可以使網(wǎng)站變得更加美輪美奐，但是圖片的體積卻大大降低了網(wǎng)站的打開(kāi)速度，所以我們?cè)诿可蟼饕粡垐D片時(shí)都應(yīng)該先優(yōu)化下圖片的體積。
總結(jié)：網(wǎng)站前端優(yōu)化的根本意義就是減少HTTP請(qǐng)求，提高網(wǎng)站打開(kāi)速度。當(dāng)然影響網(wǎng)站打開(kāi)速度的因素還有很多，以上所提到的幾點(diǎn)也只是成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)根據(jù)網(wǎng)站前端程序而闡述的幾點(diǎn)，希望此篇文章能解決各位朋友的一些”疑難雜癥“。
