Техническое задание: Оптимизация сайта на WordPress
Требуется выполнить комплекс работ по улучшению производительности и стабильности веб-сайта. Основная цель - создать быстрый и плавный пользовательский опыт даже на маломощных устройствах.
Основные задачи
- Устранение ошибок: Полная очистка консоли браузера (Console) от всех предупреждений и ошибок JavaScript, CSS и других.
- Повышение скорости: Достижение оценок в "зеленой зоне" (желательно 90+) для десктопной и мобильной версий в инструменте PageSpeed Insights без применения плагинов кеширования. Оптимизация должна быть фундаментальной.
- Стабилизация отображения: Устранение эффекта "пляшущего" контента (Cumulative Layout Shift - CLS). Все блоки и элементы должны занимать свое финальное место до полной загрузки, исключая прыжки и смещения при прокрутке страницы.
- Ускорение прорисовки: Значительное сокращение времени до первой отрисовки контента (LCP, FCP) для мгновенного визуального восприятия сайта пользователем.
Критерии успешного выполнения
- Консоль разработчика (DevTools Console) чиста от ошибок на ключевых страницах.
- Предоставлены скриншоты отчетов PageSpeed Insights для главной и типовых страниц с высокими оценками для Desktop и Mobile.
- Визуально подтверждена плавная загрузка: контент не прыгает, изображения и блоки не смещаются после появления на экране.
- Сайт быстро реагирует на действия пользователя на слабых устройствах и медленных соединениях (можно проверить через эмуляцию в DevTools).
Ожидаемые методы оптимизации
Исполнитель должен предложить и реализовать комплекс мер, который может включать (но не ограничиваться): оптимизацию изображений и шрифтов, устранение render-blocking ресурсов, чистку и оптимизацию кода (HTML, CSS, JS), настройку серверной части, ленивую загрузку, работу с критическим CSS и т.д.