《高性能網(wǎng)站建設(shè)指南》精縮

本書成書于08年十厢,是十幾年前的事情,所以難免會(huì)有一些理論跟不上時(shí)代捂齐,但是很多原理性的問題蛮放,仍然值得我們?nèi)W(xué)習(xí)。
筆者用幾小時(shí)的時(shí)間奠宜,通讀了本書包颁,并進(jìn)行了內(nèi)容的精縮瞻想,希望能夠幫助到大家~

一、減少http請(qǐng)求

圖片地圖娩嚼、雪碧圖蘑险、合并js/css文件、內(nèi)聯(lián)圖片

二岳悟、使用CDN

沒什么好說的~

三佃迄、添加Expires頭

主要目的是進(jìn)行http緩存,更好的方案是使用cache-control

Expires與cache-control的區(qū)別:
當(dāng)服務(wù)器與客戶端的時(shí)區(qū)差距很大時(shí)贵少,Expires設(shè)置的過期日期會(huì)產(chǎn)生很大的誤差呵俏;設(shè)置Expires過期日期的資源到期之后,服務(wù)器需要額外的邏輯來設(shè)置新的過期日期滔灶;cache-control只有http1.1才支持普碎。

四、壓縮資源

主要是使用 Accept-Encodeing: gzip 來對(duì)請(qǐng)求資源進(jìn)行壓縮

某些情況需要使用Vary字段

五录平、將css放在頂部

涉及到瀏覽器解析html的原理麻车,css文件會(huì)阻塞DOM渲染和js執(zhí)行,所以應(yīng)該放在頂部

六萄涯、將js放在底部

涉及到瀏覽器解析html的原理绪氛,js文件會(huì)阻塞DOM樹解析,所以應(yīng)該放在底部

七涝影、避免css表達(dá)式

書中提到的表達(dá)式多為IE專屬枣察,而今IE已不是瀏覽器的主流,所以這部分可以忽略

八燃逻、使用外部js和css

為了使得瀏覽器能夠緩存這些js序目、css

九、減少DNS查找

通過使用keep-alive和較少的域名來減少DNS查找

十伯襟、對(duì)js源代碼進(jìn)行精簡(jiǎn)

本質(zhì)就是壓縮混淆js文件猿涨,都9102年了,這已經(jīng)是前端工程化的必備部分姆怪,所以可以忽略

十一叛赚、避免重定向

重定向顯而易見會(huì)增加加載時(shí)間

十二、移除重復(fù)腳本

前端工程化可以避免這一點(diǎn)

十三稽揭、配置ETag

ETag的問題在于俺附,當(dāng)客戶端請(qǐng)求的內(nèi)容來自于一個(gè)服務(wù)器集群的時(shí)候,盡管文件內(nèi)容是相同的溪掀,不同的服務(wù)器仍然會(huì)產(chǎn)生不同的ETag標(biāo)識(shí)事镣,這就會(huì)導(dǎo)致協(xié)商緩存失效。而且揪胃,If-None-Match 比 If-modified-Since 優(yōu)先級(jí)更高璃哟,所以ETag還會(huì)影響其他協(xié)商緩存的命中氛琢。

十四、使Ajax可緩存

為Ajax請(qǐng)求設(shè)置http緩存随闪。主要手段是添加一個(gè)長期的Expires頭阳似。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蕴掏,隨后出現(xiàn)的幾起案子障般,更是在濱河造成了極大的恐慌,老刑警劉巖盛杰,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挽荡,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡即供,警方通過查閱死者的電腦和手機(jī)定拟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來逗嫡,“玉大人青自,你說我怎么就攤上這事∏ぃ” “怎么了延窜?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長抹锄。 經(jīng)常有香客問我逆瑞,道長,這世上最難降的妖魔是什么伙单? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任获高,我火速辦了婚禮,結(jié)果婚禮上吻育,老公的妹妹穿的比我還像新娘念秧。我一直安慰自己,他們只是感情好布疼,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布摊趾。 她就那樣靜靜地躺著,像睡著了一般游两。 火紅的嫁衣襯著肌膚如雪严就。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天器罐,我揣著相機(jī)與錄音,去河邊找鬼渐行。 笑死轰坊,一個(gè)胖子當(dāng)著我的面吹牛铸董,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播肴沫,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼粟害,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了颤芬?” 一聲冷哼從身側(cè)響起悲幅,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎站蝠,沒想到半個(gè)月后汰具,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡菱魔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年留荔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片澜倦。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡聚蝶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出藻治,到底是詐尸還是另有隱情碘勉,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布桩卵,位于F島的核電站验靡,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏吸占。R本人自食惡果不足惜晴叨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望矾屯。 院中可真熱鬧兼蕊,春花似錦、人聲如沸件蚕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽排作。三九已至牵啦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間妄痪,已是汗流浹背哈雏。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人裳瘪。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓土浸,卻偏偏與公主長得像,于是被迫代替她去往敵國和親彭羹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子黄伊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容