我們?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)。