JavaScript 延迟加载的方法( 7种 )

JavaScript脚本的延迟加载(也称为懒加载)是指在网页的主要内容已经加载并显示给用户之后,再加载或执行额外的JavaScript代码。这样做可以加快页面的初始加载速度,改善用户体验,并减少服务器的压力。

在这里插入图片描述

以下是几种常见的延迟加载JavaScript的方法:

  1. defer 属性

    • 使用
    • async 属性

    • async 属性告诉浏览器立即开始下载脚本,并且在下载完成后尽快执行它,而不需要等待HTML文档解析完成。这适用于与页面内容无关的脚本,因为它不会阻塞DOM构建。

    • 语法:
    • 动态创建