Необходимо выполнить техническую оптимизацию мобильной версии Shopify-сайта (тема Gecko). Есть готовый технический аудит (JS, CSS, первый экран, изображения, видео, сторонние сервисы, кэширование).
Файл с аудитом предоставим.
Перечень некоторых задач, которые находятся в самом документе:
Сокращение JavaScript-бандлинга
Оптимизировать и уменьшить размер JS-бандлов согласно рекомендациям аудита.
Очистка above-the-fold контента
Убрать или отложить загрузку элементов, которые не являются критичными для первого экрана.
Отложение сторонних скриптов
Настроить defer/async для сторонних скриптов с целью улучшения скорости загрузки.
Консолидация CSS
Объединить CSS-файлы и оптимизировать их подключение.
Настройка кэширования
Реализовать корректное кэширование статических ресурсов.
Удаление эффекта “снега”
Полностью убрать визуальный эффект снега, так как он негативно влияет на быстродействие сайта.
Необходимо, чтобы сайт стабильно работал при:
~300 товаров
большом количестве фото и видео (в т.ч. видео в товарах)
активном блоге
100–300 одновременных посетителях
Добавление контента не ухудшает мобильную скорость
Проверка после работ:
Lighthouse Mobile (Slow 4G)
Проверка LCP, CLS
Проверка, что iframe не загружаются до клика
Проверка наличия кэшированных ответов
Важно:
Работа выполняется по готовому аудиту и этому списку задач.
Все пункты из списка должны быть реализованы.
Если какой-то пункт невозможно выполнить напрямую из-за ограничений Shopify — ожидаем предложить альтернативное техническое решение с тем же эффектом по скорости.
В ответе напишите:
готовы ли работать по готовому аудиту
общую стоимость
реальный срок выполнения