web前端加載優化-減小HTTP請求 （細節與辦法）

減小HTTP請求。

由於手機瀏覽器同時響應請求爲4個請求（Android支持4個，iOS 5後可支持6個），因此要儘可能減小頁面的請求數，首次加載同時請求數不能超過4個。a) 合併CSS、JavaScript；b) 合併小圖片，使用雪碧圖（CSS SPRITE） 

1.  Css與js的壓縮合並可使用在線工具
a.

http://tool.oschina.net/jscompress/

b.

https://tool.lu/js

2.合併小圖片,雪碧圖;

  借用圖片處理工如：美圖秀秀，ps等

將多張小圖片合成後的使用辦法;

 

.test {background:url(../images/test-css_sprite.jpg) no-repeat 0px -262px ; }  /*向下移262px   （0，0）  ->  (0,-262)    */

 

Code: https://github.com/Thinkia/Page_Optimization/blob/master/Optimization_html/Loading/test-css_sprite.html

Demo:

https://thinkia.github.io/Page_Optimization/Optimization_html/Loading/test-css_sprite.html