[ 03 // ZAKRES I REZULTATY PROJEKTU ] · KLIENT: Qodeca / The Bay Club Company · ROLA: Inżynieria wydajności interfejsu i dostarczania zasobów · Marzec 2026 – Sierpień 2026

Qodeca: interfejs, który wcześniej odzyskuje responsywność

Zmiany uruchamiania skryptów, dostarczania wideo i fontów ograniczyły blokowanie podczas ładowania. Osobny zakres dla The Bay Club dotyczył dystrybucji PDF.

TOTAL BLOCKING TIME · TEST LABORATORYJNY 750 → 10 ms

MOBILE PAGESPEED · TEST LABORATORYJNY 41 → 71+

ROZMIAR POBIERANYCH FONTÓW −65%

OSOBNY ZAKRES BAY CLUB Pliki PDF przez Workers + R2

[ 01. WYZWANIE BIZNESOWE ]

Co wymagało zmiany

Serwis Qodeca musiał pogodzić rozbudowaną warstwę wizualną, skrypty marketingowe i sprawne reagowanie interfejsu. Opisany początkowy wynik laboratoryjny wynosił 41 punktów mobilnego PageSpeed i 750 ms Total Blocking Time. Prace dotyczyły przyczyn blokowania oraz sposobu dostarczania multimediów do przeglądarki. Dla klienta Qodeca, The Bay Club, osobne zadanie infrastrukturalne obejmowało pobieranie dużych plików PDF.

[ 02. ARCHITEKTURA SYSTEMU ]

Jak łączą się elementy systemu

[ Qodeca: ładowanie strony ]
    ├── Interfejs i podstawowa treść
    ├── Zoptymalizowane wideo i fonty WOFF2
    └── Pierwsza interakcja → odroczone skrypty marketingowe

[ The Bay Club: osobny zakres dostarczania zasobów ]
    Żądanie PDF → Cloudflare Worker → Cloudflare R2

[ 03. DECYZJE ARCHITEKTONICZNE ]

Zakres prac i kluczowe decyzje

1. Zmiana momentu uruchamiania skryptów. Wdrożyliśmy mechanizm odraczający ciężkie skrypty śledzące do ruchu wskaźnika, przewinięcia lub dotknięcia ekranu. Ograniczył on ich udział w początkowym obciążeniu strony. 2. Zmiana dostarczania multimediów. Zoptymalizowane pliki wideo omijały ścieżkę ponownej kompresji Webflow. Konwersja i ograniczenie zestawów znaków fontów zmniejszyły ilość pobieranych danych typograficznych. 3. Oddzielenie dystrybucji dokumentów. Dla The Bay Club usługi Cloudflare Workers i R2 przejęły pobieranie PDF poza ścieżką zasobów Webflow. Odroczenie skryptu zmienia moment wykonania jego pracy. Opisany wynik laboratoryjny dotyczy początkowego ładowania i nie potwierdza responsywności po każdej późniejszej interakcji.

[ 04. REZULTATY I STATUS REALIZACJI ]

Co przyniosły prace

▶ Opisane porównanie laboratoryjne wskazuje spadek Total Blocking Time z 750 do 10 ms.

▶ Opisany wynik mobilnego PageSpeed wzrósł z 41 do 71+, a rozmiar pobieranych fontów spadł o 65%.

▶ Dystrybucję PDF dla The Bay Club przeniesiono do osobnej ścieżki Workers i R2. Wyniki wydajności Qodeca nie są przypisywane tym pracom.

Kiedy podobne rozwiązanie ma sens

Podobny zakres ma sens, gdy skrypty, wideo lub duże pliki ograniczają wydajność działającego produktu albo platformy treści i potrzebna jest zmiana sposobu ich dostarczania.

[ 05. STOS TECHNOLOGICZNY I NARZĘDZIA ]

Webflow Lumos Cloudflare Workers Cloudflare R2 TypeScript Vitest GSAP Performance Tuning

[ PODOBNE WYZWANIE? ]

Porozmawiajmy o Twoim systemie

Opisz proces, obecne ograniczenia i oczekiwany rezultat.

Porozmawiajmy o projekcie