国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

javascript延遲加載

Galence / 1989人閱讀

摘要：為什么要延時加載呢因為這樣在一定程度上可以提高頁面加載速度。接下來就給大家介紹一下幾種延遲加載方法將文件放在底部常用但是第一種方法有時候會收到延時加載的警告，處理這種問題在底部接入如下代碼延時加載常用和。一旦下載完畢就會立刻執行。

為什么要延時加載呢？因為這樣在一定程度上可以提高頁面加載速度。提升用戶使用舒適度。

接下來就給大家介紹一下幾種延遲加載javascript方法：

將js文件放在body底部（常用）

但是第一種方法有時候會收到google延時加載js的警告，處理這種問題

在body底部接入如下代碼

setTimeout延時加載（常用）

defer和async。

- defer="defer":該屬性用來通知瀏覽器，這段腳本代碼將不會產生任何文檔內容。例如 JavaScript代碼中的document.write()方法將不會起作用，瀏覽器遇到這樣的代碼將會忽略，并繼續執行后面的代碼。屬性只能是 defer，與屬性名相同。在HTML語法格式下，也允許不定義屬性值，僅僅使用屬性名。
- async="true/false":該屬性為html5中新增的屬性，它的作用是能夠異步地下載和執行腳本，不因為加載腳本而阻塞頁面的加載。一旦下載完畢就會立刻執行。
defer和async的比較

相同點：

加載文件時不阻塞頁面渲染；
對于inline的script無效；
使用這兩個屬性的腳本中不能調用document.write方法；
有腳本的onload的事件回調；
允許不定義屬性值，僅僅使用屬性名；

不同點：

 html的版本html4.0中定義了defer；html5.0中定義了async；這將造成由于瀏覽器版本的不同而對其支持的程度不同；
 執行時刻：每一個async屬性的腳本都在它下載結束之后立刻執行，同時會在window的load事件之前執行。所以就有可能出現腳本執行順序被打亂 的情況；每一個defer屬性的腳本都是在頁面解析完畢之后，按照原本的順序執行，同時會在document的DOMContentLoaded之前執 行。

這兩個屬性會有三種可能的組合：

如果async為true，那么腳本在下載完成后異步執行。
如果async為false，defer為true，那么腳本會在頁面解析完畢之后執行。
如果async和defer都為false，那么腳本會在頁面解析中，停止頁面解析，立刻下載并且執行。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/81942.html

相關文章

  • 頁面加速優化

    摘要：延遲加載當我們調用外部的時候，使用事件在頁面內部被加載前，外部將不被加載腳本調用外部文件拷貝以上代碼。代碼代碼片段組合外部工具列表頁面加速優化頁面請求工具工具大全擴展閱讀方面的設置 內聯 CSS 優點 使用內聯 CSS 可以減少瀏覽器去服務端去下載 CSS 文件 關鍵 CSS 內聯到 HTML 文件中 缺點 CSS 文件沒法被緩存 注意：該方法只適用于很小的 CSS...

    Lin_YT 評論0 收藏0

  • 頁面加速優化

    摘要：延遲加載當我們調用外部的時候，使用事件在頁面內部被加載前，外部將不被加載腳本調用外部文件拷貝以上代碼。代碼代碼片段組合外部工具列表頁面加速優化頁面請求工具工具大全擴展閱讀方面的設置 內聯 CSS 優點 使用內聯 CSS 可以減少瀏覽器去服務端去下載 CSS 文件 關鍵 CSS 內聯到 HTML 文件中 缺點 CSS 文件沒法被緩存 注意：該方法只適用于很小的 CSS...

    shixinzhang 評論0 收藏0

  • 頁面加速優化

    摘要：延遲加載當我們調用外部的時候，使用事件在頁面內部被加載前，外部將不被加載腳本調用外部文件拷貝以上代碼。代碼代碼片段組合外部工具列表頁面加速優化頁面請求工具工具大全擴展閱讀方面的設置 內聯 CSS 優點 使用內聯 CSS 可以減少瀏覽器去服務端去下載 CSS 文件 關鍵 CSS 內聯到 HTML 文件中 缺點 CSS 文件沒法被緩存 注意：該方法只適用于很小的 CSS...

    xiaotianyi 評論0 收藏0

  • Javascript設計模式之——代理模式

    摘要：最近在讀設計模式與開發實踐，在這里把文中的各種設計模式寫出來，以便加深記憶，也可以分享給初學者。經紀人可以全權代表明星和客戶談判，最后把談判結果給明星，明星決定簽約與否。這也違反了面向對象設計原則中的單一職責原則。 最近在讀《javascript設計模式與開發實踐》，在這里把文中的各種設計模式寫出來，以便加深記憶，也可以分享給初學者。如果你不了解設計模式，那么強烈推薦你閱讀一下這本書，...

    cuieney 評論0 收藏0

  • 談談 <script> 標簽以及其加載順序問題，包含 defer & async

    摘要：標簽加載順序如果要談標簽加載順序問題，首先要談的就是標簽的位置，因為標簽的位置對于加載順序來說有著很重要的影響。例如標簽在以上代碼中，可能由于下載時間比較長，由于兩個標簽都是異步執行，互不干擾，因此可能就會先于執行。 談談 標簽加載順序的問題 這篇文章比較長，如果你耐心讀完了，我會感謝你愿意在這篇文章上花費時間，也希望你有收獲。 其實說起，幾乎搞前端的都知道他的作用：引入 JavaS...

    alexnevsky 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<