導語：你是否有過自己的網頁請求很慢(màn)，每次都要加載很久，首屏加載空白(bái)頁面幾秒鍾，圖片加載慢(màn)等等情況，這時候你就需要對自己的web項目進行優化，下(xià)面我(wǒ)(wǒ)列出來幾點web前端性能優化的建議。

1，減少HTTP請求次數，合理使用http緩存
減少http的主要辦法是合并CSS、合并javascript、合并圖片。隻要http請求次數減少，web的性能就會較大(dà)的提升。

2，使用代碼壓縮
現再wepack等工(gōng)具，都能夠通過npm run built，将代碼壓縮成一(yī)個文件，極大(dà)的減少了web應用的大(dà)小(xiǎo)，使得頁面打開(kāi)的速度變快，甚至提高50%。

3，使用浏覽器緩存
使用浏覽器緩存，将一(yī)些文件，CSS、javascript、logo、圖标這些靜态資(zī)源緩存着，用到的時候，直接從緩存裏面拿。

4，CSS放(fàng)在頁面最上部，javascript放(fàng)在頁面最下(xià)面
因爲JavaScript是單線程語言，而且跟頁面渲染共用一(yī)個線程，JavaScript在執行的過程中(zhōng)，會阻塞，導緻頁面不能夠渲染。所以我(wǒ)(wǒ)們要把css放(fàng)在上面，先讓頁面渲染出來，在對JavaScript執行。

5，使用服務端渲染
服務端在返回 html 之前，在特定的區域，符号裏用數據填充，就是執行了JavaScript這些代碼，然後再給客戶端，客戶端隻負責解析 HTML，不用再去(qù)執行JavaScript，就可以對頁面渲染完成 。這種一(yī)般是對首屏進行處理，減少首屏事件。

6，減少DOM的操作
減少對dom的操作，盡量使用innerHTML，來改變頁面的數據。