美文网首页javascript我爱编程
Js延迟加载的方式有哪些?defer和async的区别是什么?

Js延迟加载的方式有哪些?defer和async的区别是什么?

作者: 变态的小水瓶 | 来源:发表于2018-04-09 22:53 被阅读191次

Js延迟加载的方式有哪些?

给javascript标签添加 defer和async属性。

defer和async的区别是什么?

1、defer和async都是使script异步加载的意思,当都没有设置这个属性的时候,html的加载会被阻塞等着script加载完成和执行完成后再渲染页面。

2、当设置了async时,异步加载,一旦加载完成则阻塞html渲染,进行执行,而且如果有多个script标签则谁先加载完,谁先执行。

3、当设置了defer时,异步加载,不会阻塞html,待html渲染完毕后再进行script执行。

注意:ie只支持defer

相关文章

  • Js延迟加载的方式有哪些?defer和async的区别是什么?

    Js延迟加载的方式有哪些? 给javascript标签添加 defer和async属性。 defer和async的...

  • 进阶1

    async和defer的作用是什么?有什么区别 没有 defer 或 async,浏览器会立即加载并执行指定的脚...

  • JS基础

    defer(延迟脚本)和async(异步脚本)区别:当把script的标签放在头部时,都是延迟加载,立即执行。但是...

  • JavaScript补充

    01-延迟和异步加载JS 如何延迟加载JS:defer defer:js脚本可以延迟到文档完全被解析后执行 如何异...

  • H5 资源异步加载策略

    1、async & defer 区别async异步加载脚本,加载完立马执行defer异步加载脚本,并在DOMCon...

  • async 和 defer 的作用是什么?有什么区别?

    接下来我们对比下 defer 和 async 属性的区别 没有 defer 或 async,浏览器会立即加载并执行...

  • 第二章在HTML中使用javascript

    1. 中defer和async属性可以改变页面解析顺序,defer将该js文件延迟到最后解析(defer="def...

  • defer和async

    script标签中defer和async的区别 如果没有defer或async属性,浏览器会立即加载并执行相应的脚...

  • 前端面试题

    基础知识 延迟脚本(defer)、异步脚步(async)defer: 异步加载,HTML渲染完成,再执行;asyn...

  • JS相关概念

    CSS和JS在网页中的放置顺序是怎样的? 解释白屏和FOUC async和defer的作用是什么?有什么区别 简述...

网友评论

    本文标题:Js延迟加载的方式有哪些?defer和async的区别是什么?

    本文链接:https://www.haomeiwen.com/subject/gmmwhftx.html