Техническое задание: Ускорение загрузки мобильной версии сайта

Запущен новый сайт на платформе WordPress. Основная проблема - неудовлетворительное время загрузки его мобильной версии, которое в настоящее время превышает 7 секунд. Это негативно влияет на пользовательский опыт и ключевые метрики. Необходимо выполнить комплекс работ по оптимизации для достижения целевого времени загрузки в районе 3 секунд.

Основные задачи

  • Провести аудит производительности мобильной версии сайта, выявить основные «узкие места».
  • Реализовать комплекс мер по оптимизации скорости загрузки.
  • Добиться стабильного времени загрузки страниц на мобильных устройствах, приближенного к 3 секундам.

Ключевые направления для оптимизации (примерный план работ)

  • Оптимизация изображений: Сжатие, конвертация в современные форматы (WebP), ленивая загрузка (lazy load).
  • Кэширование: Настройка серверного и плагинного кэширования (объектный, браузерный).
  • Минимизация и объединение ресурсов: CSS, JavaScript файлов.
  • Оптимизация базы данных WordPress.
  • Выбор и настройка CDN (сети доставки контента).
  • Оценка и оптимизация работы плагинов.
  • Внедрение отложенной загрузки для некритичного JavaScript.

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

Мобильная версия сайта должна загружаться значительно быстрее. Основная цель - снижение времени полной загрузки страницы (с учетом таких метрик, как Largest Contentful Paint, Time to Interactive) до целевого показателя. Необходимо предоставить отчет о проделанной работе и достигнутых результатах (скриншоты тестов до/после, например, из Google PageSpeed Insights или GTmetrix).

Локализация Vue.js приложения на русский и английский языки

Требуется внедрить систему многоязычности в Vue.js приложение с помощью библиотеки vue-i18n. Необходимо вынести все текстовые строки в JSON-файлы, реализовать переключатель языка и адаптировать основные экраны интерфейса.

Создание визуальной библиотеки фасадов по каталогу NCS для сайта

Требуется подготовить 1950 изображений мебельных фасадов, окрашенных по цветам каталога NCS, в Figma и интегрировать их в каталог товаров на платформе Tilda. Каждому изображению должно соответствовать корректное название цвета.