defer和async的區(qū)別

我們先定義一個<script> 沒有任何屬性。HTML文件將被解析,直到解析到 script 文件,HTML 解析將停止,并將請求獲取 script 文件(如果它是外部的)。執(zhí)行 script 文件再執(zhí)行 HTML解析。

defer 屬性

<script>元素中設(shè)置 defer 屬性,相當(dāng)于告訴瀏覽器立即下載,但延遲執(zhí)行。

在 XHTML 文檔中,要把 defer 屬性設(shè)置為 defer="defer"

async

async 只適用于外部腳本文件,并告訴瀏覽器立即下載文件。但與 defer 不同的是,標(biāo)記為 async
在HTML解析過程中下載文件,并在完成下載后暫停HTML解析器執(zhí)行。

在 XHTML 文檔中,要把 defer 屬性設(shè)置為 async="async"。

參考資料:http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,537評論 19 139
  • defer和async的作用,他們的相同點(diǎn)、不同點(diǎn)。
    paulihs閱讀 128評論 0 0
  • 一:在制作一個Web應(yīng)用或Web站點(diǎn)的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,361評論 0 1
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進(jìn)階之旅閱讀 115,535評論 24 450
  • 常見試題 行內(nèi)元素:會在水平方向排列,不能包含塊級元素,設(shè)置width無效,height無效(可以設(shè)置line-h...
    他大舅啊閱讀 2,620評論 1 5

友情鏈接更多精彩內(nèi)容