Не вказано
24 ставки
Опис замовлення:
Шукаємо досвідченого frontend-розробника/фахівця з OpenCart для оптимізації швидкості завантаження сайту (категорії та картки товарів) під вимоги Google Core Web Vitals.
Про проект:
* CMS: OpenCart.
* Специфіка: Сайт працює в режимі каталогу (кошика та оформлення замовлення немає).
* Об'єм: 2900 позицій.
* Серверна частина: Вже оптимізована (працює на OpenLiteSpeed).
* Стек: Робота ведеться виключно з кодом шаблону, модифікаторами та фронтендом. Без роботи із базою даних.
Що потрібно зробити (Технічне завдання):
1. Відкладене завантаження скриптів (Delay JS):
* Проблема: Сторонні скрипти аналітики (GTM, Google Tag) блокують основний потік на мобільних пристроях приблизно на 4.3 секунди.
* Завдання: Налаштувати відкладений запуск цих скриптів. Скрипти повинні активуватися строго по першій дії користувача (перший скролл, тап по екрану або рух миші).
* Важливо: Збір статистики, аналітика та робота реклами мають зберегтися у повному обсязі.
2. Виправлення метрики CLS (Стабільність верстки):
* Проблема: Сторінка «стрибає» і зсувається під час завантаження картинок.
* Завдання: У файлах стилів або шаблону теми жорстко прописати HTML-атрибути width і heightдля всіх зображень товарів у каталозі (листингах) та картках товару.
* Мета: Зарезервувати місце під зображення в DOM-дереві до їх фактичного завантаження, щоб унеможливити зсув контенту. Перевірити, щоб адаптивність (CSS) не зламалася.
3. Оптимізація критичного шляху (LCP):
* Завдання: Прописати для основного (головного) зображення товару першому екрані тег fetchpriority="high". Це дасть браузеру команду завантажувати головне фото товару у пріоритетному порядку.
Вимоги до виконавця та умови приймання:
1. Без зайвих модулів: Робота виконується чистим кодом/модифікаторами, без встановлення додаткових сторонніх чи платних плагінів оптимізації.
2. Безпека та верстка: Ви несете повну відповідальність за верстку. Після внесення правок візуальне відображення сайту на мобільних та ПК, а також функціонал (фільтри, перемикання фото в галереї, меню) повинні залишитися без змін.
3. Критерій здачі роботи (DoD): Надання скріншота та посилання на живий тест звіту Google PageSpeed Insights (для мобільної версії). Показник продуктивності має бути не нижчим за 75 балів, а метрика CLS — не більше 0.1 (у зеленій зоні).
Правки вносити строго через модифікатори (OCMOD) або копію теми, щоб не затерти оновлення ядра.
У відгуку, будь ласка, вкажіть:
1. Чи був досвід налаштування Delay JS саме для GTM на OpenCart?
2. Термін виконання завдання.
3. Вартість роботи.
