Срочный рефакторинг CSS/HTML – устраняю дубли, !important, повышаю скорость загрузки. Бюджет 30к

Техническое задание на оптимизацию HTML/CSS кода
1. Общее описание проекта
Требуется провести комплексный рефакторинг и оптимизацию HTML/CSS кода интернет-магазина. Код имеет проблемы с:
- Избыточностью и дублированием стилей
- Некорректным использованием !important
- Отсутствием адаптивности
- Устаревшими подходами (User-Agent detection)
- Проблемами производительности

2. Требования к доработкам

2.1. HTML-оптимизация
- [ ] Удалить дублирующиеся мета-теги
- [ ] Добавить обязательные теги (viewport, og:)
- [ ] Проверить валидность HTML (W3C Validator)
- [ ] Оптимизировать подключение шрифтов

2.2. CSS-рефакторинг
- [ ] Устранить все !important (макс. 5 допустимых случаев)
- [ ] Ввести CSS-переменные для цветов и размеров
- [ ] Упростить селекторы (снизить специфичность)
- [ ] Удалить дублирующиеся стили
- [ ] Оптимизировать медиа-запросы

2.3. Производительность
- [ ] Оптимизировать анимации (добавить will-change)
- [ ] Реализовать корректный preload для критических ресурсов
- [ ] Минифицировать итоговый CSS (+ sourcemap)

2.4. Адаптивность
- [ ] Проверить отображение на всех разрешениях
- [ ] Оптимизировать работу с rem/em
- [ ] Добавить fallback для старых браузеров

2.5. Безопасность
- [ ] Проверить пути к ресурсам (/bitrix/ и /upload/)
- [ ] Убедиться в отсутствии inline-скриптов

. Критерии приемки

3.1. Обязательные:
1. W3C Validation без ошибок
2. Улучшение показателей PageSpeed Insights:
   – Mobile ≥ 80
   – Desktop ≥ 90
3. Полное соответствие макетам в разрешениях:
   – 1920px
   – 1280px
   – 768px
   – 360px

3.2. Дополнительные:
- Поддержка prefers-color-scheme (темная тема)
- Реализация CSS-препроцессора (Sass/Less)

4. Этапы работ

| Этап | Срок (дни) | Стоимость (руб) | Чекпоинт |
|------|-----------|----------------|----------|
| Аудит кода | 1 | 3 000 | Отчет с перечнем проблем |
| HTML-оптимизация | 2 | 7 000 | W3C Validator report |
| CSS-рефакторинг | 3 | 15 000 | Тест на специфичность селекторов |
| Тестирование | 2 | 5 000 | Скриншоты всех разрешений |
| Финализация | 1 | 3 000 | Отчет об оптимизации |

Итого: 7 дней / 33 000 руб
5. Форма контроля

5.1. Проверочные инструменты:
1. [W3C Validator](validator.w3.org/)
2. [PageSpeed Insights](pagespeed.web.dev/)
3. [CSS Specificity Graph](jonassebastianohlsson.com...

5.2. Метрики до/после:
markdown
| Параметр          | Было | Стало |
|-------------------|------|-------|
| Размер CSS (KB)   | 120  | ≤ 60  |
| Кол-во !important | 69   | ≤ 5   |
| Время загрузки    | 2.4s | ≤ 1.5s|

6. Дополнительные условия
- Работа ведется через Git (репозиторий заказчика)
- Исполнитель предоставляет подробные комментарии к изменениям
- Возможна поэтапная оплата
- Правки в рамках ТЗ – бесплатно в течение 14 дней после сдачи