提高網站打開速度技巧就是減少HTTP請求
2014-11-12 20:08

今天主要是講的是減少http請求數量，提高網站訪問速度的方法有：合并js/CSS文件，圖片合并，其實訪問網站的大部分時間就是浪費在過多的http請求，如果我們的網站文件減少了，就會大大的減少http請求數，從而提高我們網站的訪問速度。

今天我來為大家講解第二個方法，讓大家網站打開速度提高，那就是減少http的請求，為什么減少http的請求就能夠提高網站訪問速度，首先我們來看看web的工作原理，首先我們輸入一個域名：http://www.8xmn.com 讓后按回車，這時候這個域名就和指向的服務器建立連接，讓后瀏覽器就向服務器發http送請求信息，服務器收到用戶請求信息后，服務器就會向瀏覽器端發送對應的信息，瀏覽器收到服務端發送過來的信息后，就斷開連接釋放連接；
     如果我們請求的網頁中有很多的javascript，css，圖片，這樣會頻繁的和服務器建立連接、釋放連接，這樣會極大的造成服務器資源的浪費,比如同意的網速，下載一個100K的css文件比下載兩個50K的css文件要快，我們為了減少資源的浪費就要減少http的請求，下面我為大家一一講解減少http請求的方法：

 

一、合并js/CSS文件：
         在Web項目的開發中,js,css文件會隨著項目的開發變得越來越多,越來越大,這就給給性能方面帶來一些問題,如,頁面引入的的js,css越多的話,那么對就增加了http請求數,解決該問題的一個好的方法就是合并js,css文件。

       
     合并js,css文件的批處理方法,文件名假設命名為 debug.bat
              copy  G.js+T.js  GT_bin.js   /b
               說明:
                   (1)  輸入要合并的js文件,保存debug.bat文件,運行debug.bat即可.
                   (2)  就這么一行代碼就搞定了，十分簡單,GT_bin.js 為合并之后的文件名稱 , /b是固定參數,文件合并之后,頁面就只引用GT_bin.js就可以了,從而減少了js文件的引用,到達了減少http請求的次數,提高了網站的性能.
                  (3) 合并css文件方法也是如此。

二、圖片合并
            使用CSS Sprites圖片合并把網頁里面的多張圖片合成一張圖片，這減少http的請求數量，從而提升網站打開速度，下面我來為大家講解CSS Sprites使用方法：
            我們用CSS Sprites工具把網頁上面幾張小的背景圖片整合到一張大圖片上面，讓后通過css樣式獲取圖片的位置，在把圖片顯示在網頁上面。
            來看一個CSS Sprites 圖片：

            圖片引用方式：.icons{background-position:-8px -95px;}

 

            使用技巧：

            小圖片排列方面：顏色相近的圖片放在一起，可以減少輸出的色數，進一步降低文件體積。
            整合圖片生成方面：PNG8的圖像比GIF圖像要小30%左右
            通過工具再壓縮：fireworks生成的PNG比photoshop更小，而一些專用的壓縮軟件也可以讓圖片再小一些。

上一篇：新網站怎么才能快速被百度收錄 下一篇：長沙哪家網絡公司房地產網站設計好