1 gulp(自動化構(gòu)建工具)
- 自動化構(gòu)建
自動化構(gòu)建:優(yōu)化網(wǎng)站,提升網(wǎng)站性能,提高網(wǎng)站的代碼,文件的優(yōu)化處理
- 處理
在一個網(wǎng)站中,所有的靜態(tài)資源都是一個獨立的http請求,
同時靜態(tài)資源包括，HTML文件，js文件，css文件，各種圖片文件，flash文件等
- 每一個靜態(tài)資源都是一個獨立的請求
- 每一個靜態(tài)資源都有一定的size(容量)
**所謂的瀏覽頁面,其實就是去鏈接web服務(wù)器,將這些資源通過http協(xié)議下載到用戶的本地瀏覽器中
- 網(wǎng)站的下載
既然是下載,意味著靜態(tài)資源的大小會影響下載速度,每一個請求,都需要一次鏈接和下載,如果請求越多,那么下載的時間相應(yīng)就會越久
- 如何提高頁面下載速度
1 減小文件的大小，減少請求的次數(shù)
- html文件,結(jié)構(gòu)精良精簡,語義化的結(jié)構(gòu)
- css文件,壓縮 //文件的合并和壓縮
- js文件,壓縮 //文件的合并和壓縮
- 圖片文件,無損壓縮 //雪碧圖，懶加載
