作用:保證頁面開啟的速度（3s之內如果首頁打不開就已經算是死亡頁面了）
原理:
1）、對於首屏內容中的:首先給對應的區域一張預設佔的位置（預設圖需要非常的小，一般可以維持在5kb以內），當首屏內容都載入完成後（或者也可以給乙個延遲的時間），我在開始載入真實的
擴充套件：資料的非同步載入，開始只把前兩屏的資料載入繫結出來，後面的資料不進行處理，當頁面滾動到對應區域的時候，在重新請求資料繫結渲染資料
具體可以看一下下圖
首屏的延遲載入**如下:
多屏單張的延遲載入
具體**如下:
js的阻塞載入 延遲載入和非同步載入
1.阻塞載入 平常預設使用的都是阻塞載入。例如 阻塞載入會阻止瀏覽器的後續處理，停止了後續的檔案的解析，執行，如影象的渲染。為了這樣可以讓頁面先顯示出來，我們通常會把要載入的js放到body結束標籤之前，使得js可在頁面最後載入，儘量減少阻塞頁面的渲染。2.延遲載入 延遲載入是指令碼延遲到文件被完全...
全部載入完畢再執行 js中延遲載入和預載入
延遲載入 懶載入 和預載入是常用的 web 優化的手段。原理 當在真正需要資料的時候，才真正執行資料載入操作。目的 延遲載入機制是為了避免一些無謂的效能開銷而提出來的 使用方法 把 js 外部引入的檔案放到頁面底部 用途 讓 js 最後引入，從而加快頁面載入速度 說明 流覽器之所以會採用同步模式，通...
JS學習之動態載入script和style樣式
前提 我們可以把乙個網頁裡面的內容理解為乙個xml或者說網頁本身也就是乙個xml文件，xml文件都有很特殊的象徵 標籤 也叫 節點 我們都知道乙個基本的網頁格式是 這些是最基本的形態，但是其實它省略了最外面的乙個標籤.這其實才是它的本來面目 預設吧document標籤給省略了 是不是感覺有什麼不一樣...