减少阻塞资源/减少未使用的 JavaScript

减少阻塞资源/减少未使用的 JavaScript 是一种优化网页加载速度和性能的方法。以下是一些解决方法的代码示例：

1. 延迟加载 JavaScript 文件：

<script src="script.js" defer></script>

使用 defer 属性可以推迟 JavaScript 文件的加载，直到文档解析完成。这样可以避免阻塞文档的解析和渲染。

2. 异步加载 JavaScript 文件：

<script src="script.js" async></script>

使用 async 属性可以异步加载 JavaScript 文件，不会阻塞文档的解析和渲染。但是需要注意，异步加载的 JavaScript 文件可能会导致执行顺序的问题，因此在使用时需要谨慎。

3. 使用动态加载 JavaScript：

const script = document.createElement('script');
script.src = 'script.js';
document.body.appendChild(script);

通过动态创建 script 元素，并将其添加到文档中，可以实现按需加载 JavaScript 文件。这样可以避免一次性加载所有的 JavaScript 文件，减少未使用的 JavaScript。

4. 按需加载 JavaScript 模块：

import { function1, function2 } from 'module.js';

// 使用 function1 和 function2

使用 ES6 的模块化语法，可以按需加载 JavaScript 模块。这样可以减少未使用的 JavaScript 代码的加载和执行。

5. 移除未使用的 JavaScript 代码：

在项目中，移除未使用的 JavaScript 代码是一种有效的优化方法。通过检查代码，找到不再使用的函数、变量或模块，并将其删除，可以减少不必要的代码加载和执行。

以上是一些减少阻塞资源/减少未使用的 JavaScript 的解决方法的代码示例。根据具体的项目需求和情况，可以选择适合的方法来优化网页加载速度和性能。