If third-party scripts are tanking your Core Web Vitals, this skill walks you through proven mitigation strategies. You'll learn when to use async versus defer attributes, how to set up early connections with preconnect and dns-prefetch, and how to lazy-load resource-heavy embeds like YouTube videos or social widgets using IntersectionObserver. It covers both the assessment side (using Lighthouse audits and WebPageTest waterfalls to identify blocking scripts) and the optimization side (self-hosting critical resources, using Next.js Script component strategies). The guidance comes from patterns.dev and focuses on keeping essential third-party functionality while minimizing the performance hit on analytics, ads, and chat widgets.
npx skills add https://github.com/patternsdev/skills --skill third-party