Техническое задание: Оптимизация производительности сайта на WordPress

Требуется опытный разработчик для проведения глубокой оптимизации сайта, построенного на связке WooCommerce и Elementor. Основная цель - улучшение пользовательского опыта за счет увеличения скорости загрузки и устранения раздражающих визуальных сдвигов.

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

1. Исправление Cumulative Layout Shift (CLS)

Текущее значение метрики - критически высокое, что негативно влияет на удобство использования и ранжирование.

• Цель: Снизить показатель CLS до значения менее 0.1.
• Основные проблемы:
  • Визуальные сдвиги при загрузке слайдеров и баннеров, созданных в Elementor.
  • Сдвиги контента, связанные с подгрузкой веб-шрифтов.
• Требуемые действия:
  • Фиксация размеров контейнеров для динамического контента (слайдеры, баннеры).
  • Оптимизация атрибутов загрузки шрифтов (font-display).
  • Анализ и стабилизация всех элементов, вызывающих layout shift.

2. Оптимизация системы веб-шрифтов

Текущая реализация загрузки шрифтов неэффективна и создает проблемы с производительностью.

• Проблемы:
  • Используется избыточное количество вариантов и начертаний шрифтов (15-20).
  • Наличие дублирующихся запросов.
  • Шрифты загружаются с внешних ресурсов, что может приводить к ошибкам CORS и замедлению.
• Требуемые действия:
  • Провести аудит и оставить только те шрифты и начертания, которые реально используются на сайте (цель: 3-5 вариантов).
  • Локализовать файлы шрифтов, разместив их на сервере сайта.
  • Правильно настроить заголовки и политику загрузки для локальных шрифтов.
  • Внедрить современные методы загрузки (preload, swap) для критических шрифтов.

Ожидаемый результат

• Значительное улучшение показателей в инструментах PageSpeed Insights, Lighthouse.
• Стабильный визуальный интерфейс без скачков и сдвигов контента при загрузке.
• Сокращение времени полной загрузки страниц.
• Четкая и документированная реализация изменений.

В отклике просьба указать ваш опыт в подобной оптимизации WordPress-сайтов, особенно с фокусом на CLS и работу с Elementor. Приветствуются предложения по дополнительным улучшениям производительности.