Техническое задание: Рефакторинг и модернизация верстки

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

Основные цели проекта

• Полный отказ от legacy-компонентов и библиотек (например, jQuery) и их замена на современные нативные решения или легковесные альтернативы.
• Повышение скорости загрузки и отзывчивости интерфейса за счет оптимизации и уменьшения размера подключаемых ресурсов (CSS, JS, изображения).
• Улучшение читаемости, поддерживаемости и структуры кода.
• Обеспечение кроссбраузерной совместимости и адаптивности.

Ключевые задачи

1. Работа с кодом

• Анализ текущей кодовой базы и выявление устаревших решений.
• Перевод JavaScript-логики с jQuery на чистый (vanilla) JavaScript или современный фреймворк.
• Реструктуризация и оптимизация CSS-кода (возможно, внедрение методологии типа БЭМ).
• Удаление неиспользуемого (мертвого) кода.

2. Оптимизация производительности

• Минификация и конкатенация CSS и JavaScript файлов.
• Оптимизация графики (конвертация в современные форматы, сжатие).
• Внедрение ленивой загрузки (lazy loading) для изображений и скриптов, где это уместно.
• Оценка и улучшение показателей Core Web Vitals.

3. Результат

• Чистый, модульный и хорошо документированный код.
• Сайт с увеличенной скоростью загрузки страниц.
• Полностью сохраненный или улучшенный визуальный и функциональный результат оригинальной верстки.
• Техническая документация по внесенным изменениям.