Summary
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.
Install to Claude Code
npx -y skills add patternsdev/skills --skill third-party --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenJun 3, 2026
