如何縮短網頁加載時間提升速度？

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

1、減少頁面HTTP請求數量

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

2、使用CND網絡加速

將你的圖片、視頻擴散到CDN網絡所能到達之處，讓用戶訪問時能就近下載到這些文件，從而達到網絡提速的目的。

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

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

4、開啟gzip壓縮

即將需要傳輸的內容壓縮后傳輸到客戶端再解壓，這樣在網絡上傳輸的 數據量會大幅減小。在服務器上的Apache、Nginx可以直接開啟這個設置，也可以從代碼角度直接設置傳輸文件頭。

5、css放在文件頭部

這項設置對于用戶端是慢速網絡或網頁內容比較龐大的情況比較有利。

6、JS放在文件末尾

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

7、css、js改由外部調用

如果css、js內容比較龐大，盡量不要寫到同1個頁面中去，改由外部載入比較妥當，因為瀏覽器本身會對css、js文件進行緩存。

8、壓縮JS、CSS代碼

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

9、避免采用301、302轉向

采用301、302跳轉會很大程度影響網頁加載速度。

10、編程精簡代碼

編程的時候精簡代碼，避免重復定義，重復調用。1000行的網頁跟100行的網頁速度誰更快可想而知。

11、縮減iframe的使用

iframe通常用于不同域名內容的加載，這同時也可能因iframe內容加載速度影響到主網頁加載速度。

12、優化圖片尺寸

減小其尺寸，特別是縮略圖，一定要按尺寸生成縮略圖然后調用，不要在網頁中用resize方法實現，普通圖像、icon也要盡可能壓縮后，采用web圖像保存。

當前文章：如何縮短網頁加載時間提升速度？
標題來源：http://m.kartarina.com/news40/225540.html

成都網站建設公司_創新互聯，為您提供微信公眾號、品牌網站建設、網站內鏈、虛擬主機、域名注冊、移動網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯