Версия источника: 4880e8b4372c96001c2e052be28b68a95d31252b
Синхронизировано: 2026-11-09T11:15:07.649Z
Источник: https://github.com/sergey-from-riders/vibecoding-base/tree/4880e8b4372c96001c2e052be28b68a95d31252b

<a id="frontend-performance"></a>

# Web performance

## Коротко

Оптимизируйте задержку, скачки макета и объём загрузки на целевых устройствах.

## Плохо

```text
Добавить memo везде, не измеряя эффект.
```

## Хорошо

```text
Найти медленный сценарий.
Измерить до и после изменения.
```

## Почему

Локальная оптимизация может усложнить код без заметной пользы.

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

Бюджеты зависят от продукта. Web Vitals полезны как ориентир; фиксированный общий лимит JS подходит не каждой странице.

## Как проверить

- Проверьте слабое устройство, загрузку изображений и длинный список.

## Человек

Выбирает реальные страницы, устройства и бюджет производительности.

## Агент

Реализует поведение компонентов и проверяет изменение данных, загрузку и ошибку в браузере.

Контроль результата:

- Проверьте слабое устройство, загрузку изображений и длинный список.

## Источники

- [Web Vitals  |  Articles  |  web.dev](https://web.dev/articles/vitals)

Уровень: Рекомендуется. Проверено: 2026-11-09. Изменено: 2026-11-09.

[Исходный файл](https://github.com/sergey-from-riders/vibecoding-base/blob/4880e8b4372c96001c2e052be28b68a95d31252b/registry/standards/frontend/next/rules/performance.md)