js, css文件順序優(yōu)化

之前文章說到的js, css文件順序優(yōu)化，為了讓渲染更快，我們需要把js放到尾部，css放到頭部，然后還要注意在書寫js的時(shí)候盡量減少重排，重繪。

書寫html,css的時(shí)候盡量簡潔，不要冗余，目的是為了更快的構(gòu)建DOM樹和CSSOM樹。

我們?cè)趤碚f說請(qǐng)求優(yōu)化，請(qǐng)求優(yōu)化可以從請(qǐng)求數(shù)量和請(qǐng)求時(shí)間優(yōu)化:

減少請(qǐng)求數(shù)量

• 將小圖片打包成base64
• 利用雪碧圖融合多個(gè)小圖片
• javascript和css文件的合并
• 利用緩存

減少請(qǐng)求時(shí)間

• 減少HTTP請(qǐng)求
• 網(wǎng)絡(luò)連接上的優(yōu)化
• 頁面內(nèi)部優(yōu)化
• 減少下載量
• 內(nèi)聯(lián)圖片、IconFont
• 將js，css，html等文件能壓縮的盡量壓縮，減少文件大小，加快下載速度
• 利用webpack打包根據(jù)路由進(jìn)行懶加載，不要初始就加載全部，那樣文件會(huì)很大
• 能升級(jí)到高版本的http就升級(jí)到高版本
• 建立內(nèi)部CDN能更快速的獲取文件