script標籤不帶屬性與帶async、defer的區別

<script>
當頁面解析到script標籤時,會停止解析並下載對應的腳本,並馬上執行,執行完畢後再繼續解析頁面


<script async>
async 在下載腳本的同時不會停止解析HTML,但是在下載完成後會停止解析並開始執行,執行完畢後繼續解析頁面


<script defer>
defer 下載腳本時跟async一樣不會停止解析HTML,下載完畢後會延遲到頁面解析完後執行


async跟defer都只對外部腳本有效,IE7及更早的版本對嵌入腳本也支持defer;

另外,HTML5規範中,defer要按照順序執行,但實際上defer跟async都不一定會按照順序執行




參考:http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章