JS如何同步阻塞地加載圖片？在繼續(xù)加載剩余的DOM之前，是否必須顯示圖片？如果不是，則不建議這樣做，因?yàn)榧虞d較大的圖像將非常緩慢。建議異步甚至延遲加載。簡(jiǎn)而言之，加載JS時(shí)，頁(yè)面將阻止頁(yè)面呈現(xiàn)。也就是

JS如何同步阻塞地加載圖片？

在繼續(xù)加載剩余的DOM之前，是否必須顯示圖片？如果不是，則不建議這樣做，因?yàn)榧虞d較大的圖像將非常緩慢。建議異步甚至延遲加載。

簡(jiǎn)而言之，加載JS時(shí)，頁(yè)面將阻止頁(yè)面呈現(xiàn)。也就是說(shuō)，如果你把太多的JS放在前面，第一個(gè)頁(yè)面加載時(shí)會(huì)出現(xiàn)一個(gè)長(zhǎng)長(zhǎng)的白色屏幕，JS加載后，頁(yè)面的一部分會(huì)再次呈現(xiàn)（另一波時(shí)間），但是放在后面時(shí)，因?yàn)镠TML和CSS已經(jīng)被讀取，頁(yè)面樣式也發(fā)生了變化。雖然沒有JS的交互功能，但并不影響頁(yè)面的使用用戶體驗(yàn)，而且由于JS放在后面，頁(yè)面顯示會(huì)更快，所以用戶體驗(yàn)也更好。當(dāng)然，這只是一個(gè)膚淺的解釋。。。至于頁(yè)面呈現(xiàn)，在讀取CSS和HTML構(gòu)建DOM樹時(shí)加載和呈現(xiàn)速度更快。但是，當(dāng)遇到JS（腳本）時(shí)，呈現(xiàn)將終止，直到讀取JS代碼。這是因?yàn)榈讓硬僮鳎ㄎ彝耍g覽器采用阻塞方式，避免了HTML/CSS和JS同步執(zhí)行時(shí)出現(xiàn)的問題（如重復(fù)渲染等），在性能優(yōu)化方面，互聯(lián)網(wǎng)上存在很多問題。如果你在頁(yè)面上搜索性能優(yōu)化，你可以得到一堆。它們是非常完整和系統(tǒng)的