Render-blocking <script>
Why it matters
A <script src> without async or defer stops HTML parsing until it downloads and runs (Lighthouse: eliminate render-blocking resources).
Fix
Use next/script (afterInteractive or lazyOnload), or add defer.
Credit
From Google Chrome
Lighthouse flags synchronous scripts and stylesheets that block first paint, and recommends async or defer.
References
- Eliminate render-blocking resourcesChrome for Developers
- <script> HTML script elementMDN Web Docs
- Efficiently load third-party JavaScriptweb.dev