Next JS 脚本组件与带有 async 和 defer 的普通脚本标签

Question

Next JS 脚本组件与带有 async 和 defer 的普通脚本标签

<Script />next js组件渲染策略 ( afterInteracive, beforeInteractive, lazyLoad) 和使用普通<script /> 标签 withasync和之间有什么区别defer？

Answer 1

Mar*_*ima 1

afterInteractive，beforeInteractive并lazyLoad处理脚本并决定何时加载（来自docs）。它在加载脚本的“位置”上也有所不同。beforeInteractive将您的脚本加载到<head>您的项目中。afterInteractive将您的脚本加载到<body>您的项目中。

基本上，这只是 Nextjs 处理应用程序中脚本的方式。主要区别在于，您不应该在 head 中使用 script 标签（在 Nextjs 中），而应将其放置在其他位置并使用正确的策略，以便 Nextjs 知道将其放置在哪里。

归档时间：	3 年，8 月前
查看次数：	3974 次
最近记录：	3 年，6 月前