- 使用CDN
使用內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）：把網(wǎng)站內(nèi)容分散到多個品追、處于不同地域位置的服務(wù)器上可以加快下載速度份汗。 - 使用 Cache-Control
通過響應(yīng)頭可婶，設(shè)置緩存max-age稍计，在緩存期內(nèi)不發(fā)送請求泼舱。 - 使用Etag
服務(wù)器給瀏覽器發(fā)送Etag數(shù)據(jù)等缀，再次瀏覽時瀏覽器將提交這些數(shù)據(jù)到服務(wù)器，驗證本地版本是否最新的娇昙，如果為最新的則服務(wù)器返回304代碼尺迂，告訴瀏覽器直接使用本地版本，否則下載新版本冒掌。 - 使用 Gzip
傳輸之前噪裕，先使用GZIP壓縮再傳輸給客戶端，客戶端接收之后由瀏覽器解壓股毫，這樣雖然稍微占用了一些服務(wù)器和客戶端的CPU膳音，但是換來的是更高的帶寬利用率。 - 合并文件（CSS铃诬、JS祭陷、圖片）
瀏覽器從同一個域名同時下載文件數(shù)量有限制（4或8個），因此應(yīng)盡量將同類文件合并趣席。 - 調(diào)整 CSS 和 JS 的位置
CSS可能會阻止渲染（chrome會等CSS解析完畢再渲染頁面）兵志，CSS應(yīng)放在頭部。JS會阻止瀏覽器渲染吩坝，應(yīng)放在body的最后毒姨。 - 壓縮圖片
優(yōu)化圖片大小、通過CSS Sprites優(yōu)化圖片钉寝、不要在HTML中使用縮放圖片弧呐、favicon.ico要小而且可緩存 - 增加域名以并行下載資源
由于瀏覽器從同一個域名同時下載文件數(shù)量有限制（4或8個），當服務(wù)器提供的內(nèi)容文件數(shù)量很多時嵌纲，應(yīng)增加域名以加快下載俘枫。
Web 性能優(yōu)化的常用手段
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門妖谴，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人酌摇，你說我怎么就攤上這事膝舅。” “怎么了窑多？”我有些...
- 文/不壞的土叔 我叫張陵仍稀，是天一觀的道長。 經(jīng)常有香客問我埂息，道長技潘，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任耿芹，我火速辦了婚禮崭篡，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘吧秕。我一直安慰自己，他們只是感情好迹炼，可當我...
- 文/花漫 我一把揭開白布砸彬。 她就那樣靜靜地躺著，像睡著了一般斯入。 火紅的嫁衣襯著肌膚如雪砂碉。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼饼灿，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了帝美？” 一聲冷哼從身側(cè)響起碍彭，我...
- 正文 年R本政府宣布，位于F島的核電站初茶，受9級特大地震影響颗祝，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜恼布，卻給世界環(huán)境...
- 文/蒙蒙 一螺戳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧折汞，春花似錦倔幼、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鸟款，卻和暖如春膏燃，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背何什。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 使用CDN 使用內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）：把網(wǎng)站內(nèi)容分散到多個、處于不同地域位置的服務(wù)器上可以加快下載速度悠瞬。 使用 ...
- 命名 volatile 英文單詞的意思為“揮發(fā)性的辩尊，不穩(wěn)定的”涛浙。修飾變量后，說明該變量是不穩(wěn)定的摄欲，對該變量的讀寫需...
