如何才能縮短頁面的打開時(shí)間
隨著網(wǎng)絡(luò)的日益發(fā)展和提速,訪客對于頁面打開速度的要求也越來越高,如果頁面打開的時(shí)間很慢,那么訪客通常會選擇直接放棄,畢竟還有更多頁面能夠解決他們的問題。所以這就要求在建設(shè)網(wǎng)站的時(shí)候,注意提升頁面的打開速度。本文重點(diǎn)給大家介紹下如何才能縮短頁面的打開時(shí)間。

縮短頁面的打開時(shí)間要注意圖片優(yōu)化
統(tǒng)計(jì)數(shù)據(jù)顯示用戶傾向于放棄一個(gè)在3秒內(nèi)未加載完成的網(wǎng)頁。由于加載圖片占據(jù)了網(wǎng)頁上可下載的大部分字節(jié)空間,所以影響網(wǎng)頁下載時(shí)間的關(guān)鍵來自于圖像優(yōu)化。確保正確的圖像優(yōu)化的最佳方法之一是采用正確的大小和格式(JPEG、GIF或PNG)。我們的目標(biāo)是在不影響圖片質(zhì)量的情況下盡可能地縮減文件大小。
縮短頁面的打開時(shí)間可以嘗試CDN加速
內(nèi)容交付網(wǎng)絡(luò)的價(jià)值在于它可以獲取一個(gè)網(wǎng)站的靜態(tài)文件,如CSS、圖像和Java,并通過更接近用戶物理位置的Web服務(wù)器傳遞它們。更短的接近等于更快的加載時(shí)間。像AWSCloudFront或者CloudFlare都是很好的CDN加速。CDN另外的好處是即使停止加載帶寬,依然可以降低在下載高峰時(shí)期的中斷風(fēng)險(xiǎn),從各個(gè)方面看來CDN都能帶來雙贏的局面。
縮短頁面的打開時(shí)間要注意簡潔的代碼
讓頁面代碼更簡潔是非常有必要的。這意味著打包壓縮HTML、JavaScipt和CSS文件到更小的文件中來運(yùn)行。例如移動網(wǎng)站有五個(gè)Java文件,瀏覽器將發(fā)出五個(gè)單獨(dú)的HTTP請求來獲取它們,為減少堵塞和等待時(shí)間方法是縮小和連接這5個(gè)文件到一起。
縮短頁面的打開時(shí)間要注意開啟gzip壓縮
gzip壓縮是將傳輸?shù)膬?nèi)容壓縮后傳輸?shù)娇蛻舳嗽俳鈮海@樣在網(wǎng)絡(luò)上傳輸?shù)臄?shù)據(jù)量會大幅減小。通常在服務(wù)器上的Apache、Nginx可以直接開啟這個(gè)設(shè)置,也可以從代碼角度直接設(shè)置傳輸文件頭,增加gzip的設(shè)置,也可以從負(fù)載均衡設(shè)備直接設(shè)置。不過需要留意的是這個(gè)設(shè)置會略微增加服務(wù)器的負(fù)擔(dān)。
可以看到縮短頁面打開時(shí)間的方法有很多,其中最常見的就是要簡化代碼和優(yōu)化圖片,有些網(wǎng)站為了視覺上的效果,使用了很多大體量的網(wǎng)站,這就會導(dǎo)致頁面的加載變得很慢。另外像CDN加速和gzip壓縮等,這些也能夠有效提升頁面打開速度,大家也可以考慮使用。