Laravel Mix 预加载是由 Sebastian De Deyne 和 Spatie 开发的 Laravel 包，它基于您的 Mix 清单文件添加预加载和预取链接。此包提供了一个 Blade 指令，它根据块名称使用“preload”和“prefetch”渲染链接。
以下是您在布局模板中需要的内容概览
<head> <title>Preloading things</title> @preload</head>这将根据 `mix-manifest.json` 文件中的块名称渲染类似以下内容
<link rel="prefetch" href="/css/prefetch-otherpagecss.css" as="style"><link rel="preload" href="/js/preload-biglibrary.js" as="script"><link rel="preload" href="/js/vendors~preload-biglibrary.js" as="script">正如项目的自述文件中提到的，如果您不熟悉预取和预加载的概念，请查看 Addy Osmani 的文章 Preload, Prefetch And Priorities in Chrome。虽然您应该通读整篇文章，但我更喜欢以下总结，说明何时应该使用预加载和预取
预加载您有高度信心会在当前页面中使用的资源。预取可能在跨多个导航边界的未来导航中使用的资源。
您可以在 GitHub 上的 spatie/laravel-mix-preload 上了解更多关于此包的信息，获取完整的安装说明以及查看源代码。
归类于
