無(wú)意中看到同事有本《高性能網(wǎng)站建設(shè)指南》，趁著有時(shí)間借來(lái)讀讀。

簡(jiǎn)單的講這是一本前端優(yōu)化網(wǎng)站的書，作者總結(jié)了14條性能規(guī)則，我這里只記錄下方便實(shí)用的方法。

規(guī)則一：減少HTTP請(qǐng)求

1.CSS Sprites 合并圖片

2.合并腳本和樣式表

規(guī)則二：使用內(nèi)容發(fā)布網(wǎng)絡(luò)(CDN)

規(guī)則三：添加Expires頭

1.編輯動(dòng)態(tài)語(yǔ)言生成的HTML頁(yè)面時(shí)，配置長(zhǎng)久的Expires頭，可以緩存組件，在后續(xù)的頁(yè)面瀏覽中減少不必要的HTTP請(qǐng)求。

規(guī)則四：壓縮組件

1.gzip可以壓縮HTML JS css

2.修改Apache?配置gzip

規(guī)則五：將樣式表放在頂部

規(guī)則六：將腳本放在底部

規(guī)則七：避免CSS表達(dá)式

1.使用css里expression()方法會(huì)頻繁求值

2.使用js事件處理

規(guī)則八：使用外部JavaScript和CSS

規(guī)則九：減少DNS查找

1.通過(guò)使用Keep-Alive和較少的域名來(lái)減少DNS查找

規(guī)則十：精簡(jiǎn)JavaScript

規(guī)則十一：避免重定向

規(guī)則十二：移除重復(fù)腳本

規(guī)則十四：配置ETag

配置或移除ETag

規(guī)則十五：使Ajax可緩存

確保Ajax請(qǐng)求遵守性能指導(dǎo)，尤其應(yīng)具有長(zhǎng)久的Expires頭

總結(jié)

以上是生活随笔為你收集整理的《高性能网站建设指南》学习笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。