Техническое задание: Оптимизация производительности сайта на 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. Приветствуются предложения по дополнительным улучшениям производительности.