Оптимизация Core Web Vitals (OpenCart) под Google PageSpeed — Мобильная и ПК версии
Описание заказа:
Ищем опытного 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. Стоимость работы.
-
4 дня4000 UAH
140 4 дня4000 UAH
Добрый день.
Отвечаю на ваши три вопроса:
1. Опыт с Delay JS для GTM — есть. Подход: JS-обертка, которая блокирует инициализацию GTM до первого действия пользователя (scroll / click / mousemove). После срабатывания — стандартный запуск, аналитика и реклама сохраняются полностью.
2. Срок — 3–4 дня.
3. Стоимость — 4000 UAH.
По остальным задачам: CLS закрою через width/height в шаблонах листинга и карточки товара, проверю, что max-width: 100% в CSS не сломает адаптив. fetchpriority="high" пропишу на главное изображение товара. Все правки — через OCMOD или копию темы, ядро не трогаю.
Одно уточнение по критерию сдачи: три конкретных пункта ТЗ — Delay JS, CLS и LCP — я гарантирую. Общий балл PageSpeed зависит от состояния всего сайта, поэтому перед стартом стоит вместе посмотреть текущий отчет — чтобы понимать, хватит ли именно этих правок для ≥75, или есть что-то еще, что потянет вниз.
-
3 дня2500 UAH
232 3 дня2500 UAH
Добрый день! Делал именно такую оптимизацию OpenCart — Delay JS через слушатель первого действия (scroll/touch/mousemove), чтобы GTM и Google Tag загружались по событию и вся статистика оставалась целой, плюс width/height на изображениях каталога против CLS и fetchpriority=high на главное фото карточки под LCP. Все чистыми модификаторами, без сторонних плагинов. Подскажите только, тема стандартная Journal или кастомный шаблон — от этого зависит, где перехватывать вывод изображений в листинге. Сделаю за 2-3 дня, отдам со скринами PageSpeed до/после для мобильной.
-
3 дня4000 UAH
344 1 0 3 дня4000 UAH
Здравствуйте! У меня есть практический опыт именно с этим набором задач на OpenCart — Delay JS под GTM, CLS и LCP — всё через OCMOD / копию темы, без платных плагинов оптимизации.
По вашим вопросам:
1. Да, Delay JS для GTM на OpenCart настраивал. Запускаю скрипты строго по первому действию пользователя (прокрутка / нажатие / движение мыши), но дополнительно ставлю страховой таймаут — чтобы выполнить сразу оба ваших требования: и отложить запуск, и не потерять ни одной сессии. Чистый interaction-only delay незаметно «съедает» bounce-трафик (кто зашёл и ушёл без взаимодействия — в GTM не попадает), а таймаут это закрывает. Так что сбор статистики и работа рекламы сохраняются в полном объёме.
2. Срок: 2–3 рабочих дня с тестированием на мобильных и ПК.
3. Стоимость: 4000 грн.
CLS закрою через width / height + aspect-ratio в стилях — место под фото резервируется, но адаптив не ломается.
… Готов взять в работу. Скиньте ссылку на сайт — посмотрю и подтвержу сроки.
-
3 дня3000 UAH
871 10 0 3 дня3000 UAH
Выполню оптимизацию в соответствии с ТЗ (Delay JS, исправление CLS, fetchpriority, через OCMOD без сторонних модулей). После внесения изменений проведу тестирование в Google PageSpeed Insights и при возможности достигну целевых показателей. Если ограничения связаны с другими элементами сайта, не входящими в ТЗ, сообщу о них отдельно.
-
2 дня3500 UAH
96760 1276 1 10 2 дня3500 UAH
Здравствуйте. У меня большой опыт в ускорении сайтов. Готов к сотрудничеству.
-
7 дней12 000 UAH
1510 10 0 7 дней12 000 UAH
Добрый день! У нас есть опыт в оптимизации OpenCart под требования Google Core Web Vitals. Реализуем это через настройку кэширования, оптимизацию изображений, минификацию ресурсов и устранение блокирующих скриптов. Это обеспечит высокие показатели PageSpeed для мобильной и десктопной версий, улучшая ранжирование и пользовательский опыт. Готовы приступить к анализу и внедрению технических решений.
-
Вітаю, покажіть сайт, щоб розуміти масштаби проблеми
-
ТЗ написано AI (з помилками), виконавці ставлять ставки з AI текстом (не думаючи над реальною роботою). По факту AI проти AI )))
Якщо по факту - треба переписати на реальні вимоги + очікуваний результат, і можна брати в роботу )
Киев