網(wǎng)民不喜歡花太多時(shí)間等待網(wǎng)頁(yè)打開(kāi)。他們等待的時(shí)間越長(zhǎng)，用戶可能會(huì)直接關(guān)閉網(wǎng)頁(yè)，這將失去大量的流量！其次，關(guān)鍵詞的排名也與網(wǎng)頁(yè)的開(kāi)放速度有關(guān)。這主要反映了搜索引擎的用戶體驗(yàn)，用戶體驗(yàn)良好，排名優(yōu)于其他網(wǎng)站。因此，我覺(jué)得有必要提高打開(kāi)網(wǎng)頁(yè)的速度。這不需要太多的成本投資。只需要多注意一些提示！這里有20種方法可以幫助您提高網(wǎng)站的訪問(wèn)速度并縮短頁(yè)面加載時(shí)間。 1.減少頁(yè)面上的HTTP請(qǐng)求數(shù)。直接理解是減少其他頁(yè)面和文件的數(shù)量。 A.當(dāng)我們使用css格式控件時(shí)，我們經(jīng)常使用后臺(tái)加載大量圖形文件，每個(gè)后臺(tái)圖像都會(huì)生成至少1個(gè)HTTP請(qǐng)求。通常，為了使頁(yè)面生動(dòng)，我們將使用背景加載背景圖像。要改善這種情況，可以使用css的有用background-position屬性來(lái)加載背景圖像。我們將需要經(jīng)常加載的多個(gè)圖像組合成單個(gè)圖像。加載時(shí)，使用以下表單加載它。某些圖像加載的HTTP請(qǐng)求減少為1。 網(wǎng)站加載時(shí)間網(wǎng)站訪問(wèn)速度網(wǎng)站優(yōu)化用戶體驗(yàn) B.使用Image映射，這種方法也比較常見(jiàn)，僅限于同一區(qū)域。 C.在線圖像，很少見(jiàn)到這種方法，但對(duì)于非常小且非常簡(jiǎn)單的圖像它非常實(shí)用。相關(guān)語(yǔ)法標(biāo)準(zhǔn)參考：tools.ietf.org/html/rfc2397。 2，使用CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）網(wǎng)絡(luò)加速現(xiàn)在國(guó)內(nèi)做CDN加速業(yè)務(wù)的公司很多，簡(jiǎn)單講，就是將你的圖片，視頻擴(kuò)散到CDN網(wǎng)絡(luò)所能到達(dá)之處，讓用戶訪問(wèn)時(shí)能就近下載到這些文件，從而達(dá)到網(wǎng)絡(luò)提速的目的，這樣做，同時(shí)能減輕你自己網(wǎng)站的負(fù)載.3，添加文件過(guò)期或緩存頭對(duì)于同一用戶頻繁訪問(wèn)的圖片，Js腳本文件等可以在Apache或Nginx設(shè)置其緩沖時(shí)間，例如設(shè)置24小時(shí)過(guò)期時(shí)間，這樣用戶在訪問(wèn)過(guò)該頁(yè)面之后再次訪問(wèn)時(shí)，同一組圖片或JS不會(huì)再重復(fù)下載，從而減少了HTTP請(qǐng)求，用戶訪問(wèn)速度明顯有所提升，同時(shí)服務(wù)器負(fù)載也會(huì)下降下面給出nginx的配置中緩存控制的例子：

XX 網(wǎng)站加載時(shí)間網(wǎng)站訪問(wèn)速度網(wǎng)站優(yōu)化用戶體驗(yàn)

4.服務(wù)器啟動(dòng)gzip壓縮。每個(gè)人都知道更好。需要傳輸?shù)膬?nèi)容被壓縮并傳輸?shù)娇蛻舳诉M(jìn)行解壓縮。在網(wǎng)絡(luò)上傳輸?shù)臄?shù)據(jù)量將大大減少。通常，服務(wù)器上的Apache和Nginx可以直接啟用此設(shè)置。您還可以從代碼的角度直接設(shè)置傳輸文件頭，增加gzip設(shè)置，或直接從負(fù)載平衡設(shè)備進(jìn)行設(shè)置。但是，請(qǐng)務(wù)必注意，此設(shè)置會(huì)略微增加服務(wù)器的負(fù)擔(dān)。 5，css格式定義放在文件頭中這個(gè)設(shè)置比較方便，對(duì)于用戶端來(lái)說(shuō)網(wǎng)絡(luò)速度慢或網(wǎng)頁(yè)內(nèi)容比較大，你可以在網(wǎng)頁(yè)逐漸呈現(xiàn)的同時(shí)仍然保持格式信息，不影響美觀網(wǎng)頁(yè)。 6，文件末尾的Javascript腳本，許多Javascript腳本效率低下，或者某些第三方域腳本無(wú)法意外加載。如果您將這些腳本放在頁(yè)面的頂部位置，它可能會(huì)導(dǎo)致我們自己的網(wǎng)站內(nèi)容。加載速度下降，無(wú)法正常加載，因此這些腳本通常放在網(wǎng)頁(yè)文件的末尾。必須放在前面的腳本應(yīng)該在所謂的“后加載”模式下加載，然后在加載主頁(yè)面后加載以防止它。它會(huì)影響主頁(yè)面的加載速度。 7，避免使用CSS腳本（CSS Expressions）有時(shí)候?yàn)榱藙?dòng)態(tài)改變css的參數(shù)，可能會(huì)用css表達(dá)式來(lái)實(shí)現(xiàn)，但這不值得損失，用戶的瀏覽器負(fù)載會(huì)明顯增加，所以不建議這樣做，如果需要可以使用Javascript腳本實(shí)現(xiàn)更改。 8，css，javascript通過(guò)外部調(diào)用改變，如果css，js內(nèi)容比較大，盡量不要寫到同一頁(yè)面，它更適合外部加載，因?yàn)闉g覽器本身會(huì)緩存css，js文件。 9，壓縮Javascript，CSS代碼一般js，css文件有很多空格，換行符，注釋，這些都有利于閱讀，如果可以壓縮，則會(huì)非常有利于網(wǎng)絡(luò)傳輸。該領(lǐng)域還有許多工具。通常，可以保留開(kāi)發(fā)版本，并且可以使用該工具生成生產(chǎn)版本。兩個(gè)文件的比較可以實(shí)現(xiàn)超過(guò)50％的壓縮比，并且數(shù)據(jù)減少量仍然相當(dāng)大。我的博客剛剛修改過(guò)，各種代碼都沒(méi)有經(jīng)過(guò)優(yōu)化和壓縮。目前，yslow評(píng)級(jí)只能達(dá)到D，并且有時(shí)間對(duì)其進(jìn)行優(yōu)化。達(dá)到C級(jí)應(yīng)該是一個(gè)問(wèn)題。 10，避免使用301,302轉(zhuǎn)11，養(yǎng)成良好的開(kāi)發(fā)和維護(hù)習(xí)慣，盡量避免腳本重復(fù)調(diào)用12，配置ETags13，Ajax使用緩存調(diào)用此用法可以參考Discuz論壇代碼，后者用于大量Ajax調(diào)用緩存調(diào)用模式通常使用其他功能參數(shù)來(lái)實(shí)現(xiàn)。注意

網(wǎng)站加載時(shí)間網(wǎng)站訪問(wèn)速度網(wǎng)站優(yōu)化用戶體驗(yàn)

這是特征參數(shù)。如果參數(shù)未更改，則使用緩存文件。如果有更改，則重新下載新文件或更新信息。 14.使用Flush客戶端合理地發(fā)送瀏覽請(qǐng)求后，服務(wù)器通常花費(fèi)200-500ms來(lái)處理這些請(qǐng)求。在此期間，客戶端瀏覽器處于等待狀態(tài)。如果用戶等待時(shí)間減少，則可以在適當(dāng)?shù)奈恢?。使用flush將就緒內(nèi)容推送到客戶端，這很容易在php中實(shí)現(xiàn)，例如：

網(wǎng)站加載時(shí)間網(wǎng)站訪問(wèn)速度網(wǎng)站優(yōu)化用戶體驗(yàn)

15，Ajax調(diào)用嘗試使用GET方法調(diào)用XMLHttpRequest的實(shí)際使用，如果使用POST方法實(shí)現(xiàn)，將會(huì)有2個(gè)HTTP請(qǐng)求，并且只有一個(gè)HTTP請(qǐng)求將使用GET方法發(fā)生。如果您使用GET方法，HTTP請(qǐng)求將減少50％！ 16.最大限度地減少DCOM元素是一個(gè)很好的理解。它是為了減少各種數(shù)量的數(shù)量。網(wǎng)頁(yè)中的元素盡可能多。例如，冗余非常嚴(yán)重，我們可以完全替換它。 17，使用多個(gè)域名加載頁(yè)面多個(gè)文件，圖片記住有信息，IE在頁(yè)面加載過(guò)程中，同時(shí)，并行添加到同一域名的HTTP請(qǐng)求數(shù)量為2，如果頁(yè)面需要加載的文件數(shù)超過(guò)2（通常遠(yuǎn)遠(yuǎn)超過(guò).）。為了加速網(wǎng)頁(yè)的訪問(wèn)，眾所周知的文件被分發(fā)到多個(gè)域名，例如19樓。 js文件使用獨(dú)立的域名。據(jù)說(shuō)百度的圖像服務(wù)器數(shù)量超過(guò)20套。 18，減少iframe的使用，如果沒(méi)有必要，盡量不要使用iframe通常用于加載不同的域名，這也可能因iframe內(nèi)容的加載速度而影響主頁(yè)的加載速度，如果可能，抓住需要加載的內(nèi)容直接嵌入本地。如果您確實(shí)需要iframe加載，請(qǐng)使用后加載方法。 19，優(yōu)化圖像文件以優(yōu)化圖像文件，減小其大小，尤其是縮略圖，必須通過(guò)縮略圖的大小再生成然后調(diào)用，不要在網(wǎng)頁(yè)中使用resize方法，雖然圖片看起來(lái)像這樣微笑，但它的數(shù)據(jù)量沒(méi)有減少。我在網(wǎng)頁(yè)上看到了人們加載的縮略圖。實(shí)際大小是10M。應(yīng)盡可能壓縮普通圖像和圖標(biāo)。您可以使用Web圖像保存，減少顏色數(shù)量等。 20，當(dāng)頁(yè)面內(nèi)容太大以至于可以以分頁(yè)方式顯示，或者淘寶的頁(yè)面后加載方法。