淺談前端性能優(yōu)化

　　1、前端性能優(yōu)化的一點：

　　對js、css、圖片等進行壓縮，盡可能減小文件的大小，減少文件下載的時間，從而減少網(wǎng)頁響應(yīng)的時間。

　　2、前端性能優(yōu)化的另一點：

　　對HTTP傳輸進行壓縮，即在js，css、圖片等資源已經(jīng)壓縮的基礎(chǔ)上（其實，文件的壓縮與否均可，文件的壓縮跟HTTP傳輸過程的壓縮沒關(guān)系），在HTTP傳輸過程中的再次壓縮。

　　3、HTTP1.1的Accept-Encoding和content-Encoding：

　　從HTTP1.1開始，客戶端可以通過Accept-Encoding頭來聲明瀏覽器支持的壓縮方式，服務(wù)端通過content-Encoding來啟用壓縮，配置壓縮的文件類型，壓縮方式。當客戶端的請求到達服務(wù)器，服務(wù)器對資源進行壓縮后，返回給客戶端，客戶端按照相應(yīng)的方式進行解析。

　　eg：

　　客戶端（HTTP請求頭）——accept-encoding: gzip, deflate, sdch, br

　　服務(wù)器（HTTP響應(yīng)頭）——content-encoding:gzip

　　壓縮驗證查看效果：

　　文件傳輸前的大小——通過屬性查看

　　文件傳輸過程中的大小——通過Network中的Size查看

　　4、壓縮方式選擇：

　　gzip是GUNzip的縮寫，使用無損壓縮，壓縮效果最佳，已經(jīng)成為使用最為普遍、支持的瀏覽器最多的數(shù)據(jù)壓縮格式。

　　天貓、淘寶、京東、蘇寧、騰訊、百度等大型網(wǎng)站都使用gzip壓縮方式。

　　5、如何使用gzip壓縮

　　客戶端不用做任何配置，在服務(wù)端配置即可，不同服務(wù)器的配置方法也不盡相同。

　　以tomcat服務(wù)器的配置為例：

　　找到tomcat安裝目錄下的conf文件夾下的server.xml文件，進行如下配置，重啟tomcat即可：

　�、� compress="on" ：表示開啟壓縮。

　�、� compressionMinSize="2048"：表示對大于2KB的文件進行壓縮

　　③ compressableMimeType="text/html,text/xml,application/javascript,text/css,text/plain,image/png,image/jpeg,image/gif"：表示將進行壓縮的文件類型，對js，css，圖片壓縮可以大大提升壓縮效果。

　　注意：不應(yīng)該對圖片進行再壓縮，因為圖片本身已經(jīng)被壓縮過，如果再進行g(shù)zip壓縮，可能得到的結(jié)果是和圖片本身大小相差不大，純粹是浪費服務(wù)器的CPU資源來做無用功。

　　6、對HTTP傳輸內(nèi)容進行壓縮的優(yōu)、缺點：

　　① 優(yōu)點：減少HTTP響應(yīng)時間，提升傳輸效率。

　　② 缺點：壓縮過程占用服務(wù)器額外的CPU周期，客戶端也要對壓縮文件進行解壓縮，這也需要占用部分時間。

　　隨著硬件性能不斷提高，上述問題正在不斷弱化，國內(nèi)外大型網(wǎng)站都對HTTP傳輸進行壓縮。

【淺談前端性能優(yōu)化】相關(guān)文章：

淺談的作文11-30

淺談教學體會02-28

淺談穿越作文12-25

淺談共享作文09-02

淺談游客作文08-08

淺談分享閱讀的體會02-29

[通用]淺談教學體會02-29

淺談文學與創(chuàng)作作文07-18

淺談穿越作文(精華)12-26

淺談包裝作文12-19