1.減少HTTP請(qǐng)求：

a. 用CSS Sprites產(chǎn)生一張圖片，而非分開(kāi)的圖片，這樣只用請(qǐng)求1次而非多次。一個(gè)圖片關(guān)聯(lián)多個(gè)url。通過(guò)background-position屬性指定CSS偏移量。 且合并圖片比分離圖片的總和要少(減少顏色表，格式信息)，降低下載量

b.合并腳本和樣式表(JS/CSS):合并成一個(gè)文件，但不要產(chǎn)生大量的組合

2.使用內(nèi)容發(fā)布網(wǎng)絡(luò)(CDN):

a.使web服務(wù)器離用戶(hù)更近，可以減少http請(qǐng)求時(shí)間:用于發(fā)布靜態(tài)內(nèi)容，圖片，腳本，樣式表和Flash。跟地理位置有關(guān)

3.添加Expires頭：

a.使用一個(gè)長(zhǎng)久的Expires頭,緩存頁(yè)面組件，避免不必要的http請(qǐng)求，減少http請(qǐng)求的大小。在此時(shí)間之后的請(qǐng)求被認(rèn)為是無(wú)效的

b.Cache-Control頭:使用max-age指定組件被緩存多久，會(huì)覆蓋Expires頭，無(wú)時(shí)鐘同步問(wèn)題

c.頭一次無(wú)作用第二次開(kāi)始生效，如果只打開(kāi)一次，那么就不需要這個(gè)

d.如何更新并刷新到用戶(hù):修改其鏈接，全新的請(qǐng)求從服務(wù)器下載

4.壓縮組件:

a.減少HTTP響應(yīng)的大小來(lái)減少響應(yīng)時(shí)間：Accept - Encoding: gzip

b.如果有代理服務(wù)器，需要Vary: Accept - Encoding,這樣代理服務(wù)器就可以根據(jù)Accept - Encoding返回不同的內(nèi)容(否則會(huì)出錯(cuò))，因?yàn)榇嬖谥С?不支持gzip的頁(yè)面

5.將樣式表放在頂部:

a.兩種方式: 在頂部則先加載樣式表，白屏;在底部則能先顯示內(nèi)容，然后當(dāng)讀到樣式表的時(shí)候會(huì)閃爍

6.將腳本放在底部：

a.腳本會(huì)阻塞對(duì)其后面內(nèi)容的下載及呈現(xiàn)

b.有些情況腳本無(wú)法放在后面: document.write

7.減少DNS查找

a.減少域名數(shù)量

8.精簡(jiǎn)JS:

a.減少空格等

新聞名稱(chēng)：高性能網(wǎng)站建設(shè)指南(讀書(shū)筆記)
文章起源：http://m.2m8n56k.cn/news27/275227.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、做網(wǎng)站、自適應(yīng)網(wǎng)站、外貿(mào)建站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)