首先要清楚是什么影響了網(wǎng)站速度,找到問題出現(xiàn)的原因入手才方便。
從網(wǎng)站本身來說,如果說代碼過復(fù)雜,就會(huì)影響網(wǎng)站展開的速度,因此要精簡(jiǎn)代碼,盡量做到清晰明確。
然后降低服務(wù)器跟客戶端的建立和消除HTTP請(qǐng)求和響應(yīng)Header的開銷。
減少服務(wù)器為HTTP連接的進(jìn)程和線程的開銷,如果可能,還會(huì)包括GZIP壓縮的CPU開銷.
減小被請(qǐng)求文件大小, 減少請(qǐng)求數(shù)據(jù)占用的網(wǎng)絡(luò)帶寬;
那么我們?nèi)绾谓鉀Q這些問題呢?
如何減少HTTP請(qǐng)求數(shù)。
1、合并JS文件跟CSS文件。
2、合并框架圖片以及相對(duì)變動(dòng)較少的圖片成一張,通過CSS背景切割來完成渲染,比如:加速圖片顯示。
3、合理使用本地Cache來緩存JS/CSS/IMAGE。
4、合理使用UserData緩存JS文件,對(duì)于FF用戶可以單獨(dú)請(qǐng)求服務(wù)器,這樣能解決80%用戶的問題.代碼可以蓉兒(meizz)的js framework1(標(biāo)注1)。
5、把JS跟CSS合并成一個(gè)文件 。
B.減小被請(qǐng)求文件大小,減少請(qǐng)求數(shù)據(jù)占用的網(wǎng)絡(luò)帶寬 。
1、壓縮JS體積:刪除JS中空白換行,注釋,混淆把長(zhǎng)變量換成短變量;
2、壓縮CSS體積:刪除CSS注釋、寫法盡量用簡(jiǎn)寫;
3、使用(X)HTML+CSS方式搭建網(wǎng)站結(jié)構(gòu),提高CSS重用性,來減少(X)HTML文件大小;
4、使用服務(wù)器端GZIP壓縮JS/ CSS文件,縮小傳輸文件大小。附注:Apache1跟Apache2的GZIP的效率跟方式不一樣的,根據(jù)需要自行選擇。