Nie podano
25 ofert
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.