Optymalizacja Core Web Vitals (OpenCart) pod Google PageSpeed — Wersje mobilna i PC
Opis zamówienia:
Poszukujemy doświadczonego frontend-dewelopera/specjalisty od OpenCart do optymalizacji szybkości ładowania strony (kategorie i karty produktów) zgodnie z wymaganiami Google Core Web Vitals.
O projekcie:
* CMS: OpenCart.
* Specyfika: Strona działa w trybie katalogu (brak koszyka i składania zamówienia).
* Zakres: 2900 pozycji.
* Część serwerowa: Już zoptymalizowana (działa na OpenLiteSpeed).
* Stos: Prace prowadzone są wyłącznie z kodem szablonu, modyfikatorami i frontendem. Bez pracy z bazą danych.
Co należy zrobić (Zadanie techniczne):
1. Opóźnione ładowanie skryptów (Delay JS):
* Problem: Zewnętrzne skrypty analityczne (GTM, Google Tag) blokują główny strumień na urządzeniach mobilnych przez około 4,3 sekundy.
* Zadanie: Skonfigurować opóźnione uruchamianie tych skryptów. Skrypty powinny aktywować się ściśle po pierwszej akcji użytkownika (pierwsze przewinięcie, dotknięcie ekranu lub ruch myszą).
* Ważne: Zbieranie statystyk, analityka i działanie reklamy muszą pozostać w pełnym zakresie.
2. Poprawa metryki CLS (Stabilność układu):
* Problem: Strona "skacze" i przesuwa się podczas ładowania obrazków.
* Zadanie: W plikach stylów lub szablonu motywu sztywno wpisać atrybuty HTML width i height dla wszystkich obrazów produktów w katalogu (listach) oraz kartach produktów.
* Cel: Zarezerwować miejsce pod obrazki w drzewie DOM do ich faktycznego załadowania, aby uniemożliwić przesunięcie treści. Sprawdzić, aby responsywność (CSS) nie została uszkodzona.
3. Optymalizacja krytycznej ścieżki (LCP):
* Zadanie: Wpisać dla głównego (najważniejszego) obrazu produktu na pierwszym ekranie tag fetchpriority="high". To da przeglądarce polecenie ładowania głównego zdjęcia produktu w priorytetowy sposób.
Wymagania wobec wykonawcy i warunki przyjęcia:
1. Bez zbędnych modułów: Praca wykonywana jest czystym kodem/modyfikatorami, bez instalowania dodatkowych zewnętrznych lub płatnych wtyczek optymalizacyjnych.
2. Bezpieczeństwo i układ: Ponosisz pełną odpowiedzialność za układ. Po wprowadzeniu poprawek wizualne wyświetlanie strony na urządzeniach mobilnych i PC, a także funkcjonalność (filtry, przełączanie zdjęć w galerii, menu) muszą pozostać bez zmian.
3. Kryterium oddania pracy (DoD): Przedstawienie zrzutu ekranu oraz linku do żywego testu raportu Google PageSpeed Insights (dla wersji mobilnej). Wskaźnik wydajności nie może być niższy niż 75 punktów, a metryka CLS — nie więcej niż 0,1 (w zielonej strefie).
Poprawki wprowadzać należy wyłącznie przez modyfikatory (OCMOD) lub kopię motywu, aby nie nadpisać aktualizacji jądra.
W odpowiedzi proszę podać:
1. Czy miałeś doświadczenie w konfiguracji Delay JS właśnie dla GTM na OpenCart?
2. Termin realizacji zadania.
3. Koszt pracy.
-
140 Dzień dobry. Odpowiadam na Państwa trzy pytania: 1. Doświadczenie z Delay JS dla GTM — jest. Podejście: opakowanie JS, które blokuje inicjalizację GTM do pierwszej akcji użytkownika (przewijanie / kliknięcie / ruch myszką). Po zadziałaniu — standardowe uruchomienie, analityka i reklama są w pełni zachowane. 2. Termin — 3–4 dni. 3. Koszt — 4000 UAH. Co do pozostałych zadań: CLS zamknę przez width/height w szablonach listingu i karty produktu, sprawdzę, czy max-width: 100% w CSS nie złamie responsywności. fetchpriority="high" zapiszę dla głównego obrazu produktu. Wszystkie poprawki — przez OCMOD lub kopię motywu, rdzenia nie ruszam. Jedno wyjaśnienie co do kryterium oddania: trzy konkretne punkty TŻ — Delay JS, CLS i LCP — gwarantuję. Ogólny wynik PageSpeed zależy od stanu całej strony, dlatego przed rozpoczęciem warto wspólnie przejrzeć aktualny raport — aby zrozumieć, czy te poprawki wystarczą do ≥75, czy jest coś jeszcze, co może obniżyć wynik.
-
232 Dzień dobry! Robiłem dokładnie taką optymalizację OpenCart — Delay JS przez nasłuchiwacz pierwszej akcji (scroll/touch/mousemove), aby GTM i Google Tag ładowały się na zdarzenie i cała statystyka pozostawała nienaruszona, plus width/height na zdjęcia katalogu w stosunku do CLS i fetchpriority=high na głównym zdjęciu karty pod LCP. Wszystko czystymi modyfikatorami, bez zewnętrznych wtyczek. Proszę tylko powiedzieć, czy temat to standardowy Journal, czy niestandardowy szablon — od tego zależy, gdzie przechwytywać wyjście zdjęć w liście. Zrobię to w 2-3 dni, oddam ze zrzutami ekranu PageSpeed przed/po dla wersji mobilnej.
-
344 1 0 Cześć! Mam praktyczne doświadczenie z tym zestawem zadań na OpenCart — Delay JS pod GTM, CLS i LCP — wszystko przez OCMOD / kopię motywu, bez płatnych wtyczek optymalizacyjnych.
W odpowiedzi na Twoje pytania:
1. Tak, konfigurowałem Delay JS dla GTM na OpenCart. Uruchamiam skrypty ściśle po pierwszej akcji użytkownika (przewijanie / dotyk / ruch myszą), ale dodatkowo ustawiam zabezpieczający timeout — aby spełnić obie Twoje wymagania: zarówno opóźnić uruchomienie, jak i nie stracić żadnej sesji. Czyste opóźnienie tylko na interakcje niepostrzeżenie "zjada" ruch bounce (kto wszedł i wyszedł bez interakcji — nie trafia do GTM), a timeout to zamyka. Tak więc zbieranie statystyk i działanie reklamy są zachowane w pełnym zakresie.
2. Termin: 2–3 dni robocze z testowaniem na urządzeniach mobilnych i PC.
3. Koszt: 4000 UAH.
CLS zamknę przez width / height + aspect-ratio w stylach — miejsce pod zdjęcie jest rezerwowane, ale responsywność nie jest łamana.
… Jestem gotów podjąć się pracy. Prześlij link do strony — spojrzę i potwierdzę terminy.
-
871 10 0 Wykonam optymalizację zgodnie z TŻ (Delay JS, poprawa CLS, fetchpriority, przez OCMOD bez zewnętrznych modułów). Po wprowadzeniu zmian przeprowadzę testowanie w Google PageSpeed Insights i w miarę możliwości osiągnę docelowe wskaźniki. Jeśli ograniczenia będą związane z innymi elementami strony, które nie są uwzględnione w TŻ, poinformuję o nich osobno.
-
96760 1276 1 10 Witam. Mam duże doświadczenie w przyspieszaniu stron internetowych. Jestem gotów do współpracy.
-
1510 10 0 Dzień dobry! Mamy doświadczenie w optymalizacji OpenCart zgodnie z wymaganiami Google Core Web Vitals. Realizujemy to poprzez ustawienia pamięci podręcznej, optymalizację obrazów, minimalizację zasobów oraz usuwanie blokujących skryptów. To zapewni wysokie wyniki PageSpeed dla wersji mobilnej i desktopowej, poprawiając pozycjonowanie oraz doświadczenie użytkownika. Jesteśmy gotowi przystąpić do analizy i wdrożenia rozwiązań technicznych.
-
Вітаю, покажіть сайт, щоб розуміти масштаби проблеми
-
ТЗ написано AI (з помилками), виконавці ставлять ставки з AI текстом (не думаючи над реальною роботою). По факту AI проти AI )))
Якщо по факту - треба переписати на реальні вимоги + очікуваний результат, і можна брати в роботу )