Skip to content
dev-docs

No Sync Scripts

Source URL: https://nextjs.org/docs/messages/no-sync-scripts

No Sync Scripts

Section titled “No Sync Scripts”

Prevent synchronous scripts.

Why This Error Occurred

Section titled “Why This Error Occurred”

A synchronous script was used which can impact your webpage performance.

Possible Ways to Fix It

Section titled “Possible Ways to Fix It”
Section titled “Script component (recommended)”
import Script from 'next/script'


function Home() {
  return (
    <div class="container">
      <Script src="https://third-party-script.js"></Script>
      <div>Home Page</div>
    </div>
  )
}


export default Home

Use async or defer

Section titled “Use async or defer”
<script src="https://third-party-script.js" async />
<script src="https://third-party-script.js" defer />
Section titled “Useful Links”