高性能網(wǎng)站建設(shè)指南(讀書筆記)
發(fā)布時(shí)間:2013-11-23 瀏覽:275打印字號(hào):大中小
1.減少HTTP請(qǐng)求:
a. 用CSS Sprites產(chǎn)生一張圖片,而非分開的圖片,這樣只用請(qǐng)求1次而非多次。一個(gè)圖片關(guān)聯(lián)多個(gè)url。通過background-position屬性指定CSS偏移量。 且合并圖片比分離圖片的總和要少(減少顏色表,格式信息),降低下載量
b.合并腳本和樣式表(JS/CSS):合并成一個(gè)文件,但不要產(chǎn)生大量的組合
2.使用內(nèi)容發(fā)布網(wǎng)絡(luò)(CDN):
a.使web服務(wù)器離用戶更近,可以減少http請(qǐng)求時(shí)間:用于發(fā)布靜態(tài)內(nèi)容,圖片,腳本,樣式表和Flash。跟地理位置有關(guān)
3.添加Expires頭:
a.使用一個(gè)長久的Expires頭,緩存頁面組件,避免不必要的http請(qǐng)求,減少http請(qǐng)求的大小。在此時(shí)間之后的請(qǐng)求被認(rèn)為是無效的
b.Cache-Control頭:使用max-age指定組件被緩存多久,會(huì)覆蓋Expires頭,無時(shí)鐘同步問題
c.頭一次無作用第二次開始生效,如果只打開一次,那么就不需要這個(gè)
d.如何更新并刷新到用戶:修改其鏈接,全新的請(qǐng)求從服務(wù)器下載
4.壓縮組件:
a.減少HTTP響應(yīng)的大小來減少響應(yīng)時(shí)間:Accept - Encoding: gzip
b.如果有代理服務(wù)器,需要Vary: Accept - Encoding,這樣代理服務(wù)器就可以根據(jù)Accept - Encoding返回不同的內(nèi)容(否則會(huì)出錯(cuò)),因?yàn)榇嬖谥С?不支持gzip的頁面
5.將樣式表放在頂部:
a.兩種方式: 在頂部則先加載樣式表,白屏;在底部則能先顯示內(nèi)容,然后當(dāng)讀到樣式表的時(shí)候會(huì)閃爍
6.將腳本放在底部:
a.腳本會(huì)阻塞對(duì)其后面內(nèi)容的下載及呈現(xiàn)
b.有些情況腳本無法放在后面: document.write
7.減少DNS查找
a.減少域名數(shù)量
8.精簡(jiǎn)JS:
a.減少空格等
- 1北京網(wǎng)站建設(shè)公司哪家好
- 2中小企業(yè)網(wǎng)站建設(shè)方案
- 3手機(jī)網(wǎng)站建設(shè)過程中有哪些注意事項(xiàng)
- 4北京網(wǎng)站建設(shè)企業(yè)如何應(yīng)對(duì)大數(shù)據(jù)的到來
- 5北京網(wǎng)站改版的公司哪家好
- 6北京網(wǎng)站建設(shè)需要準(zhǔn)備哪些資料
- 7北京網(wǎng)站制作公司:定制網(wǎng)站價(jià)格為什么會(huì)貴
- 8北京網(wǎng)站設(shè)計(jì)公司:網(wǎng)站設(shè)計(jì)布局技巧
- 9北京營銷型網(wǎng)站建設(shè)
- 10北京做網(wǎng)站需要準(zhǔn)備哪些資料


