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

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

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

我們?cè)趤?lái)說(shuō)說(shuō)請(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)化
• 頁(yè)面內(nèi)部?jī)?yōu)化
• 減少下載量
• 內(nèi)聯(lián)圖片、IconFont
• 將js，css，html等文件能壓縮的盡量壓縮，減少文件大小，加快下載速度
• 利用webpack打包根據(jù)路由進(jìn)行懶加載，不要初始就加載全部，那樣文件會(huì)很大
• 能升級(jí)到高版本的http就升級(jí)到高版本
• 建立內(nèi)部CDN能更快速的獲取文件