Przejdź do treści
Karol Ostasz
Wygląd strony
733 884 918

Od kuchni.

Na stronie głównej piszę, że ta strona jest lekka i szybka. Tu są liczby, sposób pomiaru i to, z czego ta strona jest zrobiona.

Pomiary

Strona główna, pierwsze wejście, telefon (ekran 390 px, symulacja wolniejszego procesora i sieci 4G w narzędziu Lighthouse od Google). Pomiar z 27.09.2026, na żywej stronie, zaraz po publikacji.

Co mierzęWynik
Wydajność (Lighthouse, telefon)99 / 100
Dostępność100 / 100
Dobre praktyki100 / 100
SEO100 / 100
Czas, po którym widać główny nagłówek (LCP)1,5 s
Przesunięcia układu podczas wczytywania (CLS)0
Pierwsze wczytanie strony głównej na telefonie, z fontami i zdjęciami116 KB
Nagrania realizacji na telefonie (dopiero po przewinięciu do nich)ok. 1250 KB
Ciasteczka0
Skrypty z cudzych serwerów0

Na dole strony głównej ta sama strona mierzy się jeszcze raz, na Twoim urządzeniu i przy Twoim łączu. Te liczby są prawdziwe dla Ciebie, a nie dla mojego komputera.

Z czego jest zrobiona

  • Ręcznie pisany HTML, CSS i JavaScript. Bez WordPressa, bez wtyczek do aktualizowania, bez frameworków.
  • Dwa kroje pisma: Big Shoulders Display do nagłówków i Atkinson Hyperlegible Next do tekstu (zaprojektowany z myślą o czytelności). Przycięte do liter, których używa polski, razem 64 KB.
  • Zdjęcia w formacie WebP, w kilku rozmiarach, więc telefon nie pobiera zdjęcia przygotowanego pod monitor 4K.
  • Realizacje pokazuję na krótkich nagraniach działających stron i dem. Pobierają się dopiero wtedy, gdy do nich przewiniesz, a telefon dostaje mniejszą wersję niż komputer.
  • Ikony rysowane w kodzie (SVG), bez paczek ikon.
  • Wszystko leży na moim serwerze. Przeglądarka nie łączy się z żadnym innym.

Ruch, który nie przeszkadza

  • Powitanie z nazwiskiem gra tylko przy pierwszym wejściu i po odświeżeniu. Kliknięcie, klawisz albo przewinięcie od razu je pomija, a strona pod spodem jest gotowa od pierwszej chwili.
  • Zmiana wyglądu na jasny lub ciemny i przebieranie strony w przymierzalni to przejścia wbudowane w przeglądarkę (View Transitions), bez bibliotek.
  • Realizacje przesuwają się w bok, gdy przewijasz stronę. Ruch liczy sama przeglądarka, bez bibliotek.
  • Jeśli w telefonie masz włączone ograniczenie ruchu, strona je szanuje: bez powitania, bez przejść, realizacje jako zwykła lista.

Działa też bez JavaScriptu

Przełącznik wyglądu, wybór branży w przymierzalni, pytania i formularz działają nawet przy wyłączonym JavaScripcie. Skrypty tylko dokładają ruch i wygodę.

Prywatność

Zero ciasteczek i zero narzędzi śledzących Google i Facebooka. Odwiedziny liczę własnym licznikiem, który nie zapisuje adresu IP ani nic, co by Cię rozpoznało. Szczegóły w polityce prywatności.

Chcesz taką dla swojej firmy?

Ta sama staranność trafia do stron, które robię klientom. Każdy projekt wyceniam indywidualnie, a ceny podaję brutto.