我們?cè)谄綍r(shí)瀏覽網(wǎng)頁(yè)都這這種感受，如果我們打開(kāi)一個(gè)網(wǎng)站等待網(wǎng)頁(yè)的打開(kāi)，等待的越長(zhǎng)，我們可能會(huì)直接關(guān)閉網(wǎng)頁(yè)。所以，為了避免我們自己網(wǎng)站這種的現(xiàn)象發(fā)生，在我們建設(shè)網(wǎng)站時(shí)要加留意頁(yè)面加載速度的影響因素，并將這些因素的干擾作用降到低，這樣便能大大改善網(wǎng)站速度慢的問(wèn)題。今天筆者就跟大家分享一下如何縮短網(wǎng)站加載時(shí)間,提高網(wǎng)站訪問(wèn)速度，希望對(duì)大家有所幫助。

第一：如何檢測(cè)自己網(wǎng)站的加載速度

   其實(shí)，檢測(cè)自己網(wǎng)站的加載速度的工具很多，筆者使用的是站長(zhǎng)工具。站長(zhǎng)工具網(wǎng)站，輸入自己的網(wǎng)站。這是就可以進(jìn)行網(wǎng)頁(yè)測(cè)速。我們可以從圖上看到每個(gè)省份，以及監(jiān)測(cè)點(diǎn)，ISP和解析IP，歸屬地、HTTP狀態(tài)、總耗時(shí)、解析時(shí)間、連接時(shí)間、下載時(shí)間、下載大小、文件大小、下載速度等情況。通過(guò)診斷我們就可以看到網(wǎng)站在不同地區(qū)打開(kāi)的速度。如果我們發(fā)現(xiàn)在大部分低于網(wǎng)站都是顯示紅色，這是我們的網(wǎng)站就有可能是服務(wù)器問(wèn)題。這是小編建議網(wǎng)站管理員換到別的服務(wù)器。

第二：減少頁(yè)面HTTP請(qǐng)求數(shù)量

比較直接的理解就是要減少調(diào)用其他頁(yè)面、文件的數(shù)量。

1、我們?cè)谑褂?/span>css格式控制的時(shí)候，經(jīng)常會(huì)采用background載入很多圖形文件，每個(gè)background的圖像至少產(chǎn)生1次HTTP請(qǐng)求，一般我們?yōu)榱俗岉?yè)面生動(dòng)活潑會(huì)大量使用background來(lái)加載背景圖，要改善這個(gè)狀況，可以采用css的1個(gè)有用的background-position屬性來(lái)加載背景圖，我們將需要頻繁加載的多個(gè)圖片合成為1個(gè)單獨(dú)的圖片，需要加載時(shí)，采用以下形式加載即可將這部分圖片加載的HTTP請(qǐng)求縮減為1個(gè)。

2、采用Image maps，這個(gè)方法也比較常用，只是限于同1個(gè)區(qū)域使用。

3、Inline images，這個(gè)方法很少見(jiàn)到，但對(duì)于很小很簡(jiǎn)單的圖像卻是很實(shí)用的。

第三：優(yōu)化網(wǎng)站圖片

   這個(gè)絕對(duì)是顯而易見(jiàn)的，可以看到圖片占據(jù)的頁(yè)面內(nèi)容分量重。在現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中，圖片絕對(duì)占據(jù)了大部分的內(nèi)容。你需要針對(duì)你的頁(yè)面重新定義圖片大小。這能夠有效地幫助你減少頁(yè)面大小。

第四：服務(wù)器開(kāi)啟gzip壓縮

   這個(gè)大家都比較了解，即將需要傳輸?shù)膬?nèi)容壓縮后傳輸?shù)娇蛻舳嗽俳鈮海�這樣在網(wǎng)絡(luò)上傳輸?shù)?/span> 數(shù)據(jù)量會(huì)大幅減小。通常在服務(wù)器上的Apache、Nginx可以直接開(kāi)啟這個(gè)設(shè)置，也可以從代碼角度直接設(shè)置傳輸文件頭，增加gzip的設(shè)置，也可以從 負(fù)載均衡設(shè)備直接設(shè)置。不過(guò)需要留意的是，這個(gè)設(shè)置會(huì)略微增加服務(wù)器的負(fù)擔(dān)。

第五：優(yōu)化網(wǎng)站代碼

   作為瀏覽網(wǎng)站時(shí)必須讀取的文件之一，必定要重視對(duì)它的優(yōu)化，所謂的代碼優(yōu)化，包括網(wǎng)站中包含的js腳本以及css樣式文件等，應(yīng)以占用資源少為原則，將這些代碼盡可能地壓縮，可以調(diào)用以及合并的保證其不重復(fù)編寫(xiě)，為網(wǎng)站有限的資源節(jié)省空間。

第六：Ajax調(diào)用盡量采用GET方法調(diào)用

   實(shí)際使用XMLHttpRequest時(shí)，如果使用POST方法實(shí)現(xiàn)，會(huì)發(fā)生2次HTTP請(qǐng)求，而使用GET方法只會(huì)發(fā)生1次HTTP請(qǐng)求。如果改用GET方法，HTTP請(qǐng)求減少50%!

第七：使用內(nèi)容分發(fā)網(wǎng)絡(luò)CDN

   服務(wù)器在處理大流量的數(shù)據(jù)是十分困難的，這終導(dǎo)致頁(yè)面加載速度變慢。CDN是位于全球不同地方的高性能網(wǎng)絡(luò)服務(wù)，它會(huì)復(fù)制你網(wǎng)站的靜態(tài)資源，并以有效的方式來(lái)為訪客服務(wù)。使用CDN，可以提升頁(yè)面的加載速度。

   總之，縮短網(wǎng)站加載時(shí)間,提高網(wǎng)站訪問(wèn)速度可以從減少資源，選擇優(yōu)質(zhì)空間等方面來(lái)改善，不管網(wǎng)站實(shí)質(zhì)內(nèi)容如何，在打開(kāi)速度上是帶給用戶的第一印象，只有印象好了，才能增加網(wǎng)站被瀏覽的機(jī)會(huì)，同時(shí)改善你的用戶體驗(yàn)。

上篇文章：中小企業(yè)做網(wǎng)站如何選擇建站公司
下篇文章：學(xué)習(xí)編程的七個(gè)階段