w為什么要提升Web頁面性能
Web性能黃金準則：只有10%~20%的最終用戶響應(yīng)時間花在了下載html文檔上，其余的80%-90%時間花在了下載頁面組件上鳞仙。
web性能對于用戶體驗有及其重要的影響兽掰，根據(jù)著名的2-5-8原則：
- 當用戶在2秒以內(nèi)得到響應(yīng)，會感覺系統(tǒng)的響應(yīng)非澄溃快
- 當用戶在2-5秒之內(nèi)得到響應(yīng)暴心，會感覺系統(tǒng)的響應(yīng)速度還可以
- 當用戶在5-8秒之內(nèi)得到響應(yīng)妓盲，會感覺系統(tǒng)的響應(yīng)非常慢，但還可以接受
- 當用戶在8秒之后都沒有得到響應(yīng)专普，會感覺系統(tǒng)糟透了悯衬，甚至系統(tǒng)已經(jīng)掛掉；要么打開競爭對手的網(wǎng)站檀夹，要么重新發(fā)起第二次請求
凡事都需要研究甚亭，通過科學(xué)的研究我們就可以找到事物的發(fā)展規(guī)律』魇ぃ《高性能網(wǎng)站建設(shè)》這本書中的14條優(yōu)化原則，總結(jié)起來主要是以下個方面的優(yōu)化：
- 減少HTTP請求
- 頁面內(nèi)部優(yōu)化
- 啟用緩存
- 減少下載量
- 網(wǎng)絡(luò)連接上的優(yōu)化
1.一般來說要減少http請求通常從兩個方面下手：減少圖片的請求役纹、減少腳本文件與樣式表的請求
- 圖片的減少通常有兩種方式：css sprites偶摔、內(nèi)聯(lián)圖片、IconFont促脉。
- 減少腳本與樣式表的請求主要原則就是合并辰斋。
2.頁面內(nèi)部優(yōu)化
關(guān)于頁面內(nèi)部優(yōu)化主要方向：樣式表放在頂部、腳本文件放在底部瘸味、避免css表達式宫仗、把腳本的樣式表放在外部、移除重復(fù)腳本
3.啟用緩存
關(guān)于緩存的使用這里介紹兩套方案：expires/If-Modified-Since旁仿、Cache-Control/Etag藕夫；前者是HTTP1.0中的緩存方案，后者是HTTP1.1中緩存方案，若http頭部中同時出現(xiàn)二者毅贮，后者的優(yōu)先級更高办悟。
4、減少下載量
減少下載量最有效的方式就是開啟gzip壓縮滩褥，gzip是GNU開發(fā)的一種免費格式病蛉。
5、優(yōu)化網(wǎng)絡(luò)連接
網(wǎng)絡(luò)連接的優(yōu)化主要有三個規(guī)則：使用CDN加速瑰煎、減少DNS查找铺然、避免重定向
