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