title: What is the difference between afterInteractive and lazyOnload strategies?
body: <p>In the new <a href="https://nextjs.org/docs/basic-features/script" rel="nofollow noreferrer"><code>next/script</code></a> component we have the following strategies:</p>
  <blockquote>
  <p><code>afterInteractive</code> (<strong>default</strong>): For scripts that can fetch and execute <strong>after</strong> the page is interactive, such as tag managers and analytics. These scripts are injected on the client-side and will run after hydration.</p>
  </blockquote>
  <blockquote>
  <p><code>lazyOnload</code>: For scripts that can wait to load during idle time, such as chat support and social media widgets</p>
  </blockquote>
  <p>Both definitions look alike, how are they different?</p>