AIKraft/AI/Войти
AIKraft/Skills/Последовательность загрузки

Последовательность загрузки

Teaches resource loading sequence optimization for Core Web Vitals. Use when you need to improve FCP, LCP, or FID by reordering how critical resources are discovered and loaded.

patternsdev official Другое

Что делает навык

Навык оптимизирует последовательность загрузки критических ресурсов (1P JS, 3P JS, CSS, шрифты, изображения) для улучшения показателей Core Web Vitals. Он решает задачу обеспечения плавного опыта загрузки, при котором ресурсы становятся доступными в нужное время, что положительно влияет на восприятие производительности приложения.

Когда применять

  • Оптимизация производительности загрузки страницы для прохождения тестов Core Web Vitals.
  • Координация порядка обнаружения и загрузки ресурсов первого (1P) и третьего (3P) лиц, CSS, шрифтов и изображений.
  • Устранение негативного влияния сторонних скриптов (third-party scripts) на скорость загрузки страницы.

Как работает

  1. Определить критические компоненты и ресурсы, необходимые для первоначального рендеринга страницы.
  2. Скоординировать порядок загрузки ресурсов первого лица (1P JS, CSS, шрифты, изображения) и ресурсов третьего лица (3P JS).
  3. Обеспечить своевременное предоставление критических ресурсов пользователю для создания плавного опыта загрузки.
  4. Настроить последовательность так, чтобы она способствовала прохождению метрик Core Web Vitals.

Примеры запросов агенту

Оптимизируй последовательность загрузки ресурсов страницы, чтобы улучшить показатели LCP и FID.
Ускорь загрузку страницы, изменив порядок обнаружения и загрузки критических ресурсов, включая сторонние скрипты.
Настрой загрузку CSS, JS и изображений так, чтобы пользователь воспринимал производительность приложения как отличную.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «loading-sequence» из репозитория: # https://github.com/patternsdev/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r loading-sequence/ ~/.claude/skills/loading-sequence/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.