我們在平時瀏覽網(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)站。這是就可以進(jìn)行網(wǎng)頁測速。我們可以從圖上看到每個省份,以及監(jiān)測點(diǎ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)榱俗岉撁嫔鷦踊顫姇罅渴褂?/span>background來加載背景圖,要改善這個狀況,可以采用css的1個有用的background-position屬性來加載背景圖,我們將需要頻繁加載的多個圖片合成為1個單獨(dú)的圖片,需要加載時,采用以下形式加載即可將這部分圖片加載的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ù)?/span> 數(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)站被瀏覽的機(jī)會,同時改善你的用戶體驗。