Третья сторона
Teaches strategies for mitigating third-party script performance impact. Use when third-party scripts like analytics, ads, or widgets are degrading your page load times or Core Web Vitals.
AIpatternsdev
official
Дизайн
Что делает навык
Навык оптимизирует загрузку сторонних скриптов (аналитика, реклама, виджеты) для улучшения показателей Core Web Vitals и времени загрузки страницы. Он предоставляет стратегии снижения влияния внешних ресурсов, которые могут блокировать основной поток или увеличивать время выполнения JavaScript.
Когда применять
- Сторонние скрипты (аналитика, реклама) замедляют загрузку сайта и ухудшают Core Web Vitals.
- Необходимо оптимизировать загрузку embed-виджетов (YouTube, карты, соцсети), расположенных ниже сгиба страницы.
- Требуется ускорить загрузку критически важных ресурсов с доменов третьих лиц через предварительные подключения.
- Сайт зависит от множества внешних источников, и нужно минимизировать количество сетевых запросов к ним.
Как работает
- Применяйте атрибуты async или defer для некритичных скриптов (например, тег-менеджеров и аналитики), чтобы предотвратить блокировку парсинга HTML.
- Используйте ресурсные подсказки dns-prefetch и preconnect для установления ранних соединений с доменами третьих лиц, откуда загружаются критические скрипты, шрифты или изображения.
- Откладывайте загрузку embed-виджетов (YouTube, карты, реклама) ниже сгиба с помощью атрибута loading, IntersectionObserver или использования статических/динамических фасадов.
- Рассмотрите возможность самостоятельного размещения (self-hosting) критических скриптов на своем домене для лучшего контроля над кэшированием и исключения дополнительных сетевых запросов.
- Используйте Service Workers для кэширования часто меняющихся скриптов третьих лиц или откладывайте загрузку неessential ресурсов до ключевых моментов взаимодействия пользователя.
Примеры запросов агенту
Как оптимизировать загрузку сторонней аналитики, чтобы она не блокировала основной поток?
Примени стратегию lazy-loading для встраиваемых карт и видео YouTube, которые находятся ниже сгиба.
Как использовать preconnect и dns-prefetch для ускорения загрузки скриптов с внешних CDN?
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «third-party» из репозитория:
# https://github.com/patternsdev/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r third-party/ ~/.claude/skills/third-party/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.