视频字幕
prefetch和preload都是现代浏览器提供的资源预加载技术。它们可以告知浏览器提前下载和缓存各种类型的资源文件，包括JavaScript脚本、CSS样式表、图片和视频等。虽然两者都能提升网页性能，但它们的执行时机和优先级有着重要区别。
prefetch的工作原理是利用浏览器的空闲时间来下载资源。当浏览器完成当前页面的关键渲染后，如果还有剩余的网络带宽和处理能力，就会开始下载prefetch指定的资源。这些资源通常是用户接下来可能访问的页面所需要的文件。prefetch的优先级很低，不会影响当前页面的加载速度。
preload与prefetch不同，它专门用于加载当前页面立即需要的关键资源。preload具有很高的优先级，浏览器会优先下载这些资源，确保它们能够尽早可用。使用preload时必须通过as属性指定资源类型，比如script表示JavaScript文件，style表示CSS样式表，font表示字体文件等。
通过对比可以清楚地看出prefetch和preload的区别。prefetch具有低优先级，在浏览器空闲时间执行，主要用于预加载未来页面可能需要的资源，不会阻塞当前页面的渲染。而preload具有高优先级，会立即执行，专门用于加载当前页面的关键资源，并且必须指定as属性来声明资源类型。
需要特别注意的是，无论是prefetch还是preload，它们都只负责下载和缓存资源文件，并不会执行其中的代码。这意味着即使JavaScript文件被预加载了，其中的代码也不会自动运行。两种技术都支持浏览器缓存机制，可以有效减少重复下载，提升网站整体性能。在实际应用中，建议根据资源的重要性和使用时机来选择合适的预加载策略。