我們在平時瀏覽網(wǎng)頁都這這種感受，如果我們打開一個網(wǎng)站等待網(wǎng)頁的打開，等待的越長，我們可能會直接關(guān)閉網(wǎng)頁。所以，為了避免我們自己網(wǎng)站這種的現(xiàn)象發(fā)生，在我們建設(shè)網(wǎng)站時要加留意頁面加載速度的影響因素，并將這些因素的干擾作用降到最低，這樣便能大大改善網(wǎng)站速度慢的問題。今天筆者就跟大家分享一下如何縮短網(wǎng)站加載時間,提高網(wǎng)站訪問速度，希望對大家有所幫助。
如何縮短網(wǎng)站加載時間,提高網(wǎng)站訪問速度
第一：如何檢測自己網(wǎng)站的加載速度
其實，檢測自己網(wǎng)站的加載速度的工具很多，筆者使用的是站長工具。站長工具網(wǎng)站，輸入自己的網(wǎng)站。這是就可以進行網(wǎng)頁測速。我們可以從圖上看到每個省份，以及監(jiān)測點，ISP和解析IP，歸屬地、HTTP狀態(tài)、總耗時、解析時間、連接時間、下載時間、下載大小、文件大小、下載速度等情況。通過診斷我們就可以看到網(wǎng)站在不同地區(qū)打開的速度。如果我們發(fā)現(xiàn)在大部分低于網(wǎng)站都是顯示紅色，這是我們的網(wǎng)站就有可能是服務(wù)器問題。這是小編建議網(wǎng)站管理員換到別的服務(wù)器。
第二：減少頁面HTTP請求數(shù)量
比較直接的理解就是要減少調(diào)用其他頁面、文件的數(shù)量。
1、我們在使用css格式控制的時候，經(jīng)常會采用background載入很多圖形文件，每個background的圖像至少產(chǎn)生1次HTTP請求，一般我們?yōu)榱俗岉撁嫔鷦踊顫姇罅渴褂胋ackground來加載背景圖，要改善這個狀況，可以采用css的1個有用的background-position屬性來加載背景圖，我們將需要頻繁加載的多個圖片合成為1個單獨的圖片，需要加載時，采用以下形式加載即可將這部分圖片加載的HTTP請求縮減為1個。
2、采用Image maps，這個方法也比較常用，只是限于同1個區(qū)域使用。
3、Inline images，這個方法很少見到，但對于很小很簡單的圖像卻是很實用的。
第三：優(yōu)化網(wǎng)站圖片
這個絕對是顯而易見的，可以看到圖片占據(jù)的頁面內(nèi)容分量最重。在現(xiàn)代網(wǎng)頁設(shè)計中，圖片絕對占據(jù)了大部分的內(nèi)容。你需要針對你的頁面重新定義圖片大小。這能夠有效地幫助你減少頁面大小。
第四：服務(wù)器開啟gzip壓縮
這個大家都比較了解，即將需要傳輸?shù)膬?nèi)容壓縮后傳輸?shù)娇蛻舳嗽俳鈮�，這樣在網(wǎng)絡(luò)上傳輸?shù)?數(shù)據(jù)量會大幅減小。通常在服務(wù)器上的Apache、Nginx可以直接開啟這個設(shè)置，也可以從代碼角度直接設(shè)置傳輸文件頭，增加gzip的設(shè)置，也可以從 負(fù)載均衡設(shè)備直接設(shè)置。不過需要留意的是，這個設(shè)置會略微增加服務(wù)器的負(fù)擔(dān)。
第五：優(yōu)化網(wǎng)站代碼
作為瀏覽網(wǎng)站時必須讀取的文件之一，必定要重視對它的優(yōu)化，所謂的代碼優(yōu)化，包括網(wǎng)站中包含的js腳本以及css樣式文件等，應(yīng)以占用資源最少為原則，將這些代碼盡可能地壓縮，可以調(diào)用以及合并的保證其不重復(fù)編寫，為網(wǎng)站有限的資源節(jié)省空間。
第六：Ajax調(diào)用盡量采用GET方法調(diào)用
實際使用XMLHttpRequest時，如果使用POST方法實現(xiàn)，會發(fā)生2次HTTP請求，而使用GET方法只會發(fā)生1次HTTP請求。如果改用GET方法，HTTP請求減少50%!
第七：使用內(nèi)容分發(fā)網(wǎng)絡(luò)CDN
服務(wù)器在處理大流量的數(shù)據(jù)是十分困難的，這最終導(dǎo)致頁面加載速度變慢。CDN是位于全球不同地方的高性能網(wǎng)絡(luò)服務(wù)，它會復(fù)制你網(wǎng)站的靜態(tài)資源，并以最有效的方式來為訪客服務(wù)。使用CDN，可以提升頁面的加載速度。
總之，縮短網(wǎng)站加載時間,提高網(wǎng)站訪問速度可以從減少資源，選擇優(yōu)質(zhì)空間等方面來改善，不管網(wǎng)站實質(zhì)內(nèi)容如何，在打開速度上是帶給用戶的第一印象，只有印象好了，才能增加網(wǎng)站被瀏覽的機會，同時改善你的用戶體驗
| 
