NPM 包 turbo.min.js 是一个快速加载网页的库。它可以在页面加载时异步请求图片，背景图和字体等对象，并优化网页的速度。在这篇文章中，我们将详细介绍如何使用 turbo.min.js。
安装
你可以使用 NPM 安装 turbo.min.js，也可以从官方网站下载。以下是在命令行中如何安装 turbo.min.js：
npm install turbo.min.js
在你的 HTML 页面中，将下面的代码添加在 <head> 标签中：
<script src="node_modules/turbo.min.js"></script>
基础用法
turbo.min.js 旨在优化网页速度。在默认情况下，它可以自动异步请求网页中的所有图片、背景图和字体。以下是一个基本示例：
-- -------------------- ---- -------
------
------
------- -----------------------------------------
-------
------
---- --------------- ------ --------- -------
---------- -- --- ----------
-------
-------在加载页面时，turbo.min.js 将自动异步请求图片，以提高网页速度。
配置
要更改 turbo.min.js 的配置，请在 <head> 标签中添加以下代码：
<script>
Turbo({
// options
});
</script>以下是一些常用选项：
delay
delay 选项可以帮助你优化单个对象的加载时间。Turbo 将网页中的所有对象分为两类，即 slow 和 normal。
默认情况下，delay 选项设置为 1000 毫秒。这意味着，如果对象需要比 1000 毫秒更长时间才能加载完成，它将被视为 slow 对象，Turbo 将不会尝试异步加载它们。
你可以通过以下代码更改 delay 选项的值：
<script>
Turbo({
delay: 500,
});
</script>这意味着所有时间大于 500 毫秒的对象都将被视为 slow 对象。
ignore
ignore 选项允许你忽略某些对象的异步加载。以下代码显示如何在配置中添加 ignore 选项：
<script>
Turbo({
ignore: ['.no-turbo'],
});
</script>这将忽略带有 .no-turbo class 的对象。
手动触发加载
如果你要手动触发异步加载，可以使用以下 JavaScript 代码：
Turbo.trigger();
这将立即触发异步请求。
结论
在这篇文章中，我们介绍了如何使用 NPM 包 turbo.min.js，并详细介绍了它的用法和配置。turbo.min.js 可以极大地提高网页速度，使用户更快地接触到更好的体验。如果你想更好地了解 turbo.min.js，请查看官方文档，进行充分的学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244cb8