7b0fe0d73b
## Bug Fix no-sync-scripts doc
792 B
792 B
No Sync Scripts
Why This Error Occurred
A synchronous script was used which can impact your webpage's performance.
Possible Ways to Fix It
Script component (experimental)
Use the Script component with the right loading strategy to defer loading of the script until necessary.
import Script from 'next/experimental-script'
const Home = () => {
return (
<div class="container">
<Script src="https://third-party-script.js"></Script>
<div>Home Page</div>
</div>
)
}
export default Home
Note: This is still an experimental feature and needs to be enabled via the experimental.scriptLoader
flag in next.config.js
.