githubmirror/next.js

errors/no-sync-scripts.mdx

39 строк750 B

Jam Balaya

docs: unify the header deps by removing # (#72391)

07 ноя 2024, 11:58

07 ноя 2024, 11:5874a19b7

---
title: No Sync Scripts
---

> Prevent synchronous scripts.

## Why This Error Occurred

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

## Possible Ways to Fix It

### Script component (recommended)

```jsx filename="pages/index.js"
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`

```html
<script src="https://third-party-script.js" async />
<script src="https://third-party-script.js" defer />
```

## Useful Links

- [Efficiently load third-party JavaScript](https://web.dev/efficiently-load-third-party-javascript/)