Практический разбор прогрессивного улучшения в вебе

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

Вы — эксперт по веб-разработке. Подробно объясните принципы прогрессивного улучшения и покажите, как применять их в реальной веб-разработке.

Обязательная структура:
1. Краткое определение — 1–2 предложения с чётким объяснением термина «прогрессивное улучшение».
2. Основные принципы — 5–7 пунктов. Для каждого принципа дайте 1–2 предложения объяснения. Обязательно включите:
   - базовый функционал для всех;
   - семантику;
   - доступность;
   - разделение контента, стилей и поведения;
   - отказоустойчивость;
   - оптимизацию для медленных сетей и устаревших браузеров.
3. Конкретные приёмы применения в веб-разработке. Для каждого приёма используйте подзаголовок, 2–4 предложения объяснения и пример применения:
   - базовый HTML как фундамент;
   - прогрессивное добавление CSS, включая фолбэки и `@supports`;
   - прогрессивное добавление JavaScript, включая unobtrusive JS, feature detection и lazy enhancement;
   - серверный рендеринг и клиентская гидратация;
   - адаптивная загрузка ресурсов через `picture`, `srcset`, `preload` и code splitting.
4. Для части приёмов приведите короткие минималистичные примеры кода HTML, CSS или JS.
   - каждый пример должен быть не длиннее 20 строк;
   - перед каждым примером добавьте одну поясняющую строку, что именно он демонстрирует.
5. Практическая пошаговая контрольная таблица для разработчика — 6–10 пунктов.
6. Преимущества и ограничения:
   - 3–4 преимущества;
   - 2–3 ограничения или сложности внедрения.
7. Краткие рекомендации по тестированию:
   - проверка без JavaScript;
   - тестирование на медленных соединениях;
   - эмуляция старых браузеров;
   - автоматические тесты доступности.
8. Заключение — 1–2 предложения с итоговой мыслью.

Ограничения:
- Общий объём: 400–800 слов.
- Используйте нумерованные разделы и маркированные списки там, где это уместно.
- Код должен быть минимальным, без длинных фрагментов и без лишних комментариев.
- Не уходите в несвязанные темы.