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

1、 代碼足夠簡潔

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

2、 減少資源負(fù)載

這里的資源主要是指JS和CSS文件，因?yàn)槲抑篮芏嗲岸说拈_發(fā)者和設(shè)計(jì)師喜歡使用各種開源的特效或者別人的好效果，包括引入開源圖標(biāo)字體庫來給網(wǎng)站添加幾個(gè)圖標(biāo)，為了某種特殊的效果而引入了幾個(gè)JS和CSS文件，這實(shí)際上加重了網(wǎng)站的一部分。

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

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

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

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

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

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

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

6、 壓縮部件

接受-編碼：gzip

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

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

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

解決方案：在web服務(wù)器的響應(yīng)中添加一個(gè)變量頭。web服務(wù)器可以根據(jù)一個(gè)或多個(gè)請求標(biāo)頭通知代理更改緩存的響應(yīng)。因?yàn)閴嚎s的決定基于accept-encoding請求頭，所以需要在vary響應(yīng)頭中包含accept-encoding。

7、 刪除重復(fù)腳本

當(dāng)一個(gè)團(tuán)隊(duì)開發(fā)一個(gè)項(xiàng)目時(shí)，由于不同的開發(fā)人員可能會向頁面添加頁面或組件，所以同一個(gè)腳本可能會被多次添加。

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

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