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

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

減少資源負(fù)載

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

3。圖片加載速度慢，不允許自動(dòng)播放視頻或音頻

如何合理使用圖像延遲加載技術(shù)，在不影響網(wǎng)站優(yōu)化的情況下改善用戶體驗(yàn)？因?yàn)檠舆t加載是為了防止頁(yè)面一打開就加載圖片，這將占用網(wǎng)絡(luò)帶寬，從而影響網(wǎng)站的打開速度和對(duì)網(wǎng)站第一屏的要求，因此可以延遲加載非文本圖片

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

使用CDN加速靜態(tài)資源

在網(wǎng)站的整體CDN加速方面仍然存在一些差異，但我非常同意CDN加速鏡像或緩存優(yōu)化網(wǎng)站的靜態(tài)資源。例如，網(wǎng)站的JS、CSS、圖片等文件的CDN加速更有利于整個(gè)網(wǎng)站的加載和打開速度

加速頁(yè)面渲染

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

如何提高網(wǎng)站第一個(gè)屏幕的加載速度

壓縮部分

接受編碼：gzip

如果web服務(wù)器在請(qǐng)求中看到頭，它將使用客戶端列出的壓縮方法之一。web服務(wù)器通過(guò)響應(yīng)

contentencoding:gzip

中的內(nèi)容編碼通知web客戶端當(dāng)瀏覽器通過(guò)代理發(fā)送請(qǐng)求時(shí)，情況有所不同。假設(shè)URL請(qǐng)求來(lái)自不支持gzip的瀏覽器。這是來(lái)自代理的請(qǐng)求。緩存為空。代理將請(qǐng)求轉(zhuǎn)發(fā)到服務(wù)器。將解壓縮響應(yīng)，同時(shí)將代理緩存發(fā)送到瀏覽器。現(xiàn)在，假設(shè)對(duì)代理的請(qǐng)求是來(lái)自啟用gzip的瀏覽器的相同URL。代理使用緩存中未壓縮的內(nèi)容進(jìn)行響應(yīng)，從而失去壓縮的機(jī)會(huì)。相反，如果一個(gè)瀏覽器支持gzip，而第二個(gè)瀏覽器不支持gzip，則無(wú)論后續(xù)瀏覽器是否支持gzip，都會(huì)向后續(xù)瀏覽器提供代理緩存的壓縮版本；解決方案：向web服務(wù)器的響應(yīng)添加變量頭。web服務(wù)器可以通知代理根據(jù)一個(gè)或多個(gè)請(qǐng)求頭更改緩存響應(yīng)。由于壓縮決策基于接受編碼請(qǐng)求標(biāo)頭，因此需要在變量響應(yīng)標(biāo)頭

7中包含接受編碼。刪除重復(fù)腳本

團(tuán)隊(duì)開發(fā)項(xiàng)目時(shí)，可能會(huì)多次添加同一腳本，因?yàn)椴煌拈_發(fā)人員可能會(huì)向頁(yè)面添加頁(yè)面或組件

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

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