1. 性能的體現(xiàn)
網(wǎng)站的頁面加載速度
2. 常用的優(yōu)化手段
- CDN
把我們需要被分發(fā)的內(nèi)容分發(fā)到世界各地的各個(gè)節(jié)點(diǎn)上腹尖,讓世界各地的人都可以在距離最近的網(wǎng)絡(luò)節(jié)點(diǎn)拿到想要拿到的內(nèi)容,減少網(wǎng)絡(luò)傳輸距離從而達(dá)到加速的目的伐脖。 - Cache-Control
把網(wǎng)站頁面所需的靜態(tài)資源都設(shè)置緩存热幔,在設(shè)定的時(shí)間內(nèi)瀏覽器發(fā)現(xiàn)請求資源的鏈接本地緩存了就不會再去請求,而是直接從本地獲取讼庇。 - Etag
服務(wù)器在響應(yīng)頭設(shè)置Etag绎巨,值為響應(yīng)內(nèi)容的md5值,后面客戶端再請求這個(gè)資源時(shí)會把md5值放在請求頭內(nèi)蠕啄,服務(wù)器只需要再次判斷兩次md5是否相同场勤,相同就設(shè)置狀態(tài)碼為304,并結(jié)束本次響應(yīng)歼跟,不相同就返回新的響應(yīng)內(nèi)容和媳。 - Gzip
服務(wù)器先把響應(yīng)內(nèi)容給壓縮后,再作為響應(yīng)體發(fā)送給客戶端哈街,客戶端接收再進(jìn)行解壓留瞳,通過縮小文件大小去優(yōu)化。 - 合并文件
把CSS叹卷、JS文件合并起來撼港,減少HTTP請求的次數(shù)坪它。 - 調(diào)整 CSS 和 JS 的位置
CSS放在head標(biāo)簽里面骤竹,JS放在body后面帝牡。因?yàn)镴S會阻塞HTML的渲染。 - 壓縮圖片
對頁面要用到的圖片進(jìn)行壓縮蒙揣,通過縮小文件大小去優(yōu)化靶溜。
http://compressjpeg.com/zh/
這是一個(gè)在線壓縮圖片的網(wǎng)站。 - 增加域名以并行下載資源
請求資源過多時(shí)懒震,可以按個(gè)數(shù)分配給不同的CDN罩息,比如一個(gè)CDN域名下放了8個(gè)資源,但是瀏覽器只支持一個(gè)域名并行下載四個(gè)資源个扰,這時(shí)用兩個(gè)CDN域名分別放四個(gè)資源瓷炮,就等于并行下載八個(gè)資源。(并行下載資源數(shù)量不同瀏覽器存在差異)