一、網(wǎng)站圖片優(yōu)化

　　圖片我想是每個(gè)網(wǎng)站必備的，不然審美觀上過(guò)不去;小圖標(biāo)，背景圖，登錄框等等。當(dāng)訪問(wèn)一張頁(yè)面時(shí)，每一張圖片都是一樣連結(jié)數(shù)，如果你的首頁(yè)有20張的小圖，那就是一個(gè)用戶訪問(wèn)時(shí)，要占有用20個(gè)連接數(shù)，2千人同時(shí)在線時(shí)，恐怖啊。

　　解決圖片問(wèn)題就是把所有的小圖集成到一個(gè)大圖里面，如下圖：

　　這樣就把可以20變?yōu)?一個(gè)連接數(shù)，除了降低連接數(shù)，可以加快網(wǎng)頁(yè)的加載圖片，這兒我建議您保存為png-8格式化，因?yàn)樗�同比gif，jpg，png-32要更小，更小就意味著你加載頁(yè)面的速度快，用戶可以更快的看到你網(wǎng)站的內(nèi)容，一石兩鳥。

　　學(xué)一下如何調(diào)用這些圖片：

　　比如要調(diào)用會(huì)員登錄這個(gè)圖標(biāo)

　　頁(yè)面上：

　　CSS上：

　　.login{background:url("圖片.png") 0 -100px no-repeat; height:30px; width:50px;}

　　這樣就完成了對(duì)圖標(biāo)的調(diào)用，是不是很簡(jiǎn)單啊，趕快學(xué)一下吧。

　　二、網(wǎng)站的CSS優(yōu)化

　　在CSS優(yōu)化了，除了降低css大小，像marin，padding，font等一些常用的縮寫外面。像上面所有說(shuō)的backgroud這個(gè)也是可以簡(jiǎn)寫的。如下;

　　頁(yè)面上：

　　CSS上：

　　改進(jìn)后

　　這是css的簡(jiǎn)寫上，可以減少CSS文件大小。

　　為了降低CSS連接數(shù)，會(huì)把CSS代碼直接寫在首頁(yè)的《style》***《/style》，這種情況適合像百度，163，淘寶這種重量級(jí)的。

　　常用的寫法是　　

　　我們可以把共用的頭部樣式寫到一個(gè)common.css里面，然后在首頁(yè)里的index.css里面

　　注意：不要在@import url("common.css");又導(dǎo)入@import url("common1.css");這樣在效果上適得其反。

　　因?yàn)樵诩虞d首頁(yè)就會(huì)把common.css保存下，當(dāng)?shù)诙�次用戶訪問(wèn)就直接調(diào)用本地的緩存，從而加快速度。

　　三、網(wǎng)站的JS優(yōu)化

　　為了便于管理，很多人在寫JS時(shí)，只要是廣告就會(huì)用JS來(lái)代替，代碼如下;

　　文字連接的JS調(diào)用：

　　圖片鏈接的文字調(diào)用：

　　因?yàn)镴S會(huì)把本來(lái)1行的代碼變成了三，四行，增加了一些不必要的代碼，還增加了下載請(qǐng)求。

　　總結(jié)：這是針對(duì)短期內(nèi)來(lái)的高流量，等高流量穩(wěn)定長(zhǎng)漲后，收入增加了，可以買臺(tái)服務(wù)器把CSS，JS，圖片這些大量文件放到新的服務(wù)器。這是種方法能起到治本的效果。

　　以上只是我一些經(jīng)驗(yàn)，希望能為廣大站長(zhǎng)提供幫助，寫的并不好，希望大家理解。