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

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

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

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

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

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

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