Potrzebna jest techniczna optymalizacja mobilnej wersji strony Shopify (motyw Gecko). Mamy gotowy audyt techniczny (JS, CSS, pierwszy ekran, obrazy, wideo, usługi zewnętrzne, buforowanie).
Plik z audytem przekażemy.
Lista niektórych zadań, które znajdują się w samym dokumencie:
Skrócenie bundlingu JavaScript
Optymalizować i zmniejszyć rozmiar bundli JS zgodnie z zaleceniami audytu.
Oczyszczenie treści above-the-fold
Usunąć lub opóźnić ładowanie elementów, które nie są krytyczne dla pierwszego ekranu.
Opóźnienie skryptów zewnętrznych
Skonfigurować defer/async dla skryptów zewnętrznych w celu poprawy szybkości ładowania.
Konsolidacja CSS
Połączyć pliki CSS i zoptymalizować ich ładowanie.
Ustawienia buforowania
Wdrożyć poprawne buforowanie zasobów statycznych.
Usunięcie efektu "śniegu"
Całkowicie usunąć wizualny efekt śniegu, ponieważ negatywnie wpływa na wydajność strony.
Strona musi stabilnie działać przy:
~300 produktach
wielu zdjęciach i wideo (w tym wideo w produktach)
aktywnym blogu
100–300 jednoczesnych odwiedzających
Dodawanie treści nie pogarsza mobilnej szybkości
Sprawdzenie po pracach:
Lighthouse Mobile (Slow 4G)
Sprawdzenie LCP, CLS
Sprawdzenie, że iframe nie ładowane są przed kliknięciem
Sprawdzenie obecności buforowanych odpowiedzi
Ważne:
Praca wykonywana jest na podstawie gotowego audytu i tej listy zadań.
Wszystkie punkty z listy muszą być zrealizowane.
Jeśli jakiś punkt nie może być zrealizowany bezpośrednio z powodu ograniczeń Shopify — oczekujemy zaproponowania alternatywnego rozwiązania technicznego z tym samym efektem w zakresie szybkości.
W odpowiedzi napisz:
czy jesteś gotowy pracować na podstawie gotowego audytu
całkowity koszt
realny czas realizacji
