網(wǎng)站加載的速度不僅對_屏幕很重要！如果打開速度太慢，用戶很匆忙，他們會轉(zhuǎn)身離開。我們?nèi)绾握務摖I銷和轉(zhuǎn)型？所以營銷網(wǎng)站首屏的加載速度是非常重要的。如何優(yōu)化_屏幕的加載速度？

1、 代碼足夠簡潔

減少代碼冗余和保持簡潔的代碼風格是web程序員所必需的。如果你能達到同樣的效果，如果你能用CSS，你應該盡量不要用js；如果你能用兩行代碼來解決問題，就不要寫三行代碼。這是最基本的一點。

2、 減少資源負載

這里的資源主要是指JS和CSS文件，因為我知道很多前端的開發(fā)者和設計師喜歡使用各種開源的特效或者別人的好效果，包括引入開源圖標字體庫來給網(wǎng)站添加幾個圖標，為了某種特殊的效果而引入了幾個JS和CSS文件，這實際上加重了網(wǎng)站的一部分。

3、 圖片加載緩慢，視頻或音頻不允許自動播放

如何在不影響網(wǎng)站優(yōu)化的前提下，合理使用圖像延遲加載技術來提高用戶體驗，因為延遲加載是為了防止頁面一打開就加載圖片，這會占用網(wǎng)絡帶寬，從而影響了網(wǎng)站的打開速度和對網(wǎng)站首屏的要求，使得非文本圖片可以偷懶加載。

圖片對于每個網(wǎng)站來說都是必不可少的，但是對于影音網(wǎng)站來說，如果打開頁面，就會自動播放，這會占用網(wǎng)站更多的帶寬資源。因此，這也是一點關于優(yōu)化網(wǎng)站打開速度的知識。

4、 利用CDN加速靜態(tài)資源

對于網(wǎng)站整體的CDN加速，目前還存在一些分歧，但我非常贊同對網(wǎng)站靜態(tài)資源進行CDN加速鏡像或緩存優(yōu)化。比如網(wǎng)站的JS、CSS、圖片等文件的CDN加速，更有利于整個網(wǎng)站的加載和打開速度。

5、 加速頁面呈現(xiàn)

在標題樣式表中編寫CSS樣式，以減少CSS文件網(wǎng)絡請求導致的呈現(xiàn)阻塞。將Java放在文檔末尾或以異步模式加載它，以避免JS阻塞呈現(xiàn)。指定非文本元素（如圖片和視頻）的寬度和高度，以避免重新排列和重新繪制瀏覽器。

從哪幾方面提升網(wǎng)站首屏加載速度？

6、 壓縮部件

接受-編碼：gzip

如果web服務器在請求中看到頭，它將使用客戶端列出的壓縮方法之一。web服務器通過響應中的內(nèi)容編碼通知web客戶端。

內(nèi)容-編碼：gzip

當瀏覽器通過代理發(fā)送請求時，情況就不同了。假設發(fā)送到代理的_URL請求來自不支持gzip的瀏覽器。這是來自代理的一個請求，緩存為空。代理將請求轉(zhuǎn)發(fā)給服務器。響應被解壓縮，代理緩存同時被發(fā)送到瀏覽器?，F(xiàn)在，假設對代理的請求是來自啟用gzip的瀏覽器的相同URL。代理用緩存中未壓縮的內(nèi)容進行響應，因此失去了壓縮的機會。相反，如果一個瀏覽器支持gzip，而第二個瀏覽器不支持gzip，則無論后續(xù)瀏覽器是否支持gzip，都將向后續(xù)瀏覽器提供代理緩存的壓縮版本。

解決方案：在web服務器的響應中添加一個變量頭。web服務器可以根據(jù)一個或多個請求標頭通知代理更改緩存的響應。因為壓縮的決定基于accept-encoding請求頭，所以需要在vary響應頭中包含accept-encoding。

7、 刪除重復腳本

當一個團隊開發(fā)一個項目時，由于不同的開發(fā)人員可能會向頁面添加頁面或組件，所以同一個腳本可能會被多次添加。

重復的腳本可能會導致不必要的HTTP請求（如果沒有緩存腳本），浪費執(zhí)行額外Java的時間，并可能導致錯誤。

形成一個好的劇本組織。當不同的腳本包含相同的腳本時，可能會出現(xiàn)重復腳本。其中有些是必要的，但有些不是。因此，需要一個良好的腳本組織。