---
title: "Introduction · Nuxt Scripts"
meta:
  description: "Nuxt Scripts lets you load third-party scripts with better performance, privacy, security and DX. It includes many popular third-parties out of the box."
  "og:description": "Nuxt Scripts lets you load third-party scripts with better performance, privacy, security and DX. It includes many popular third-parties out of the box."
  "og:title": "Introduction · Nuxt Scripts"
---

```

Nuxt Scripts on GitHub

**

**V0**

# **Introduction**

[Copy for LLMs](https://scripts.nuxt.com/docs/v0/getting-started.md)

Nuxt Scripts enhances the performance, privacy, and developer experience (DX) when incorporating third-party scripts into Nuxt applications.

## Background

Using the `useHead` composable to load third-party IIFE scripts is straightforward, but complexities arise with server-side rendering (SSR), lazy loading, and type safety. Nuxt Scripts addresses these challenges by optimizing third-party script integration to improve performance, privacy, and overall DX.

### Third-Party Script Challenges - Compatibility across client and server-side environments. - Application of best-practice defaults. - Granular optimization controls. - Avoiding render-blocking, privacy issues, and performance bottlenecks. - Ensuring type safety and script validation. - Security considerations with third-party servers. ### How Third Parties Can Impact User Experience

Third-party resources like analytics tools, video embeds, maps, and social media integrations enhance website functionality but aren't directly managed by site owners. A single resource may have a minimal performance impact, but multiple resources can significantly degrade user experience. Scripts, in particular, can delay interactivity and obstruct page rendering.

According to the Chrome User Experience Report, Nuxt sites with numerous third-party resources typically show lower [**~~Interaction to Next Paint (INP)~~**](https://web.dev/articles/inp) and [**~~Largest Contentful Paint (LCP)~~**](https://web.dev/articles/lcp) scores. Despite the correlation not proving causation, lab tests and the [**~~Web Almanac~~**](https://almanac.httparchive.org/en/2022/third-parties) confirm significant performance impacts from third-party resources.

## Nuxt Script Features

### 🏎️ Performance

- Script loading is triggered only when Nuxt is ready, by default. - More advanced triggering of script loads, independent of implementation specifics. - Improved script loading times with [**~~Bundling Remote Scripts~~**](https://scripts.nuxt.com/docs/guides/bundling). ### 😌 Developer Experience

- A curated script registry for common third-party applications. - Simplified analytics event management, e.g., tracking page views. - Input validation for script options. - Type safety and SSR-compliant APIs. ### 🔒 Privacy

- Minimize user data exposure by [**~~Bundling Remote Scripts~~**](https://scripts.nuxt.com/docs/guides/bundling). - Integrated consent management. - Enhanced script privacy settings such as `crossorigin="anonymous"` and `referrerpolicy="no-referrer"`.

[~~Edit this page~~](https://github.com/nuxt/scripts/edit/0.x/docs/content/docs/v0/1.getting-started/1.index.md)

[~~Markdown For LLMs~~](https://scripts.nuxt.com/docs/v0/getting-started.md)

[**Installation** Learn how to create a Nuxt Scripts project or add it to your current Nuxt project.](https://scripts.nuxt.com/docs/v0/getting-started/installation) 

**On this page **

- [Background](#background) - [Nuxt Script Features](#nuxt-script-features)