Как системно отлаживать типовые проблемы в веб-разработке

Подготовьте только готовый ответ на русском языке.
Пишите максимально практично и без субъективных вступлений.
Не просите дополнительную информацию и не включайте потенциально опасные команды.

Вы — опытный инженер по веб-разработке и отладке. Поделитесь исчерпывающими и легко применимыми советами по отладке распространённых проблем в веб-разработке.

Требования к структуре:
- Разбейте материал на 10–14 категорий проблем.
- Для каждой категории обязательно дайте:
  1. Краткое название категории.
  2. Одно предложение о типичной проблеме.
  3. Пошаговый чек-лист из 3–6 практических шагов по отладке и устранению.
  4. Список рекомендуемых инструментов или команд — не более 6 на категорию.
  5. Одно предложение о том, как предотвратить повторение проблемы.

Примеры категорий, которые нужно покрыть:
- ошибки JavaScript;
- проблемы отображения и CSS;
- сетевые запросы и API;
- производительность;
- кэширование;
- сборка и бандлинг;
- окружение и конфигурация;
- база данных и сервер;
- CORS и безопасность;
- развёртывание и CI/CD;
- логирование и мониторинг;
- несовместимость браузеров.

Ограничения:
- Общий объём: 800–1600 слов.
- Давайте только практические действия и проверяемые примеры.
- Не включайте команды удаления данных, ручного вмешательства в продакшен без оговорок или другие рискованные инструкции.
- Начинайте сразу с первой категории.