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

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

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

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