如何縮短網(wǎng)頁加載時(shí)間提升速度？

互聯(lián)網(wǎng)網(wǎng)頁數(shù)量嚴(yán)重泛濫的時(shí)代，當(dāng)用戶訪問你的網(wǎng)站，幾秒鐘一直提示加載，可能會(huì)直接關(guān)閉網(wǎng)頁，這樣就會(huì)損失很多流量!其次，關(guān)鍵字的排名與網(wǎng)頁的打開速度也有關(guān)系。很多人花了很大的經(jīng)歷和成本去提升網(wǎng)頁加載速度，提升用戶體驗(yàn)。其實(shí)這些小技巧足夠縮短網(wǎng)頁加載時(shí)間，你需要做到這些：

1、減少頁面HTTP請(qǐng)求數(shù)量

可以采用css的1個(gè)有用的background-position屬性來加載背景圖，我們將需要頻繁加載的多個(gè)圖片合成為1個(gè)單獨(dú)的圖片，這樣所有的背景圖只需要加載一次，只需要一次http請(qǐng)求。

2、使用CND網(wǎng)絡(luò)加速

將你的圖片、視頻擴(kuò)散到CDN網(wǎng)絡(luò)所能到達(dá)之處，讓用戶訪問時(shí)能就近下載到這些文件，從而達(dá)到網(wǎng)絡(luò)提速的目的。

3、添加文件過期或緩存頭

同一用戶頻繁訪問的圖片、Js腳本文件等可以在Apache或Nginx設(shè)置其緩沖時(shí)間。用戶在訪問過該頁面之后再次訪問時(shí)，同一組圖片或JS不會(huì)再重復(fù)下載，從而減少了HTTP請(qǐng)求。

4、開啟gzip壓縮

即將需要傳輸?shù)膬?nèi)容壓縮后傳輸?shù)娇蛻舳嗽俳鈮?，這樣在網(wǎng)絡(luò)上傳輸?shù)?數(shù)據(jù)量會(huì)大幅減小。在服務(wù)器上的Apache、Nginx可以直接開啟這個(gè)設(shè)置，也可以從代碼角度直接設(shè)置傳輸文件頭。

5、css放在文件頭部

這項(xiàng)設(shè)置對(duì)于用戶端是慢速網(wǎng)絡(luò)或網(wǎng)頁內(nèi)容比較龐大的情況比較有利。

6、JS放在文件末尾

將這些腳本放置在網(wǎng)頁文件末尾，一定要放 置在前面的腳本要改用所謂的“后載入”方式加載，在主體網(wǎng)頁加載完成后再加載，防止其影響到主體網(wǎng)頁的加載速度。

7、css、js改由外部調(diào)用

如果css、js內(nèi)容比較龐大，盡量不要寫到同1個(gè)頁面中去，改由外部載入比較妥當(dāng)，因?yàn)闉g覽器本身會(huì)對(duì)css、js文件進(jìn)行緩存。

8、壓縮JS、CSS代碼

js、css文件中存在大量的空格、換行、注釋，這些利于閱讀，如果能夠壓縮掉，將會(huì)很有利于網(wǎng)絡(luò)傳輸。

9、避免采用301、302轉(zhuǎn)向

采用301、302跳轉(zhuǎn)會(huì)很大程度影響網(wǎng)頁加載速度。

10、編程精簡代碼

編程的時(shí)候精簡代碼，避免重復(fù)定義，重復(fù)調(diào)用。1000行的網(wǎng)頁跟100行的網(wǎng)頁速度誰更快可想而知。

11、縮減iframe的使用

iframe通常用于不同域名內(nèi)容的加載，這同時(shí)也可能因iframe內(nèi)容加載速度影響到主網(wǎng)頁加載速度。

12、優(yōu)化圖片尺寸

減小其尺寸，特別是縮略圖，一定要按尺寸生成縮略圖然后調(diào)用，不要在網(wǎng)頁中用resize方法實(shí)現(xiàn)，普通圖像、icon也要盡可能壓縮后，采用web圖像保存。

當(dāng)前文章：如何縮短網(wǎng)頁加載時(shí)間提升速度？
標(biāo)題來源：http://www.muchs.cn/news40/225540.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、虛擬主機(jī)、域名注冊(cè)、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)