— Case study · Przebudowa WWW
Stypy Kraków — projekt i budowa strony internetowej
Poproszono mnie o stworzenie strony internetowej dla stypykrakow.pl — serwisu organizującego stypy i konsolacje przy Cmentarzu Grębałów. Zlecenie było jasne: strona WWW, która ładuje się błyskawicznie, jest widoczna lokalnie w kilku dzielnicach Krakowa naraz i nie sypie się przy pierwszej aktualizacji wtyczki. Zamiast kolejnego szablonu na WordPressie domena dostała dedykowaną, statyczną stronę pisaną od zera — bez CMS-a, bez frameworków, bez balastu.
— Analiza
Punkt wyjścia: pełny audyt, zanim ruszy jakikolwiek kod
Zanim napiszemy pierwszą linijkę HTML, w Stronisławie zawsze zaczyna się od analizy — dokładnie tak, jak w gabinecie. Przy tworzeniu strony internetowej w Krakowie nie wystarczy „ładny wygląd na monitorze projektanta". Sprawdzamy to, co realnie decyduje o pozycji w Google i o tym, czy klient w ogóle doczeka się załadowanej strony:
— Zabieg
Co dokładnie zbudowaliśmy pod maską
Efekt końcowy to seria samodzielnych, statycznych stron HTML — bez bazy danych, bez panelu administracyjnego, bez pojedynczego punktu awarii. Każda podstrona to osobny, kompletny plik gotowy do wgrania na serwer. Konkretnie:
- Responsywne obrazy w formatach AVIF i WebP z fallbackiem do JPG, w kilku szerokościach każdy, ładowane dokładnie w takim rozmiarze, w jakim są potrzebne na danym urządzeniu — zero przesyłania zdjęć 4K na telefon z małym ekranem.
- Mapa Google ładowana dopiero po kliknięciu (tzw. facade pattern) — zamiast ciężkiego, gotowego embeda, który sam w sobie potrafi zjeść większość budżetu wydajności strony.
- Formularz kontaktowy z zabezpieczeniem antyspamowym (honeypot) i skryptem wysyłki, który doczytuje się dopiero, gdy użytkownik faktycznie zbliża się do formularza — nie obciąża pierwszego wczytania strony.
- Google Analytics 4 z Consent Mode v2 — zgodnie z RODO, żaden cookie analityczny nie jest zapisywany, dopóki użytkownik nie wyrazi zgody w banerze.
- Dane strukturalne Schema.org — typ firmy, godziny otwarcia, obsługiwane dzielnice i sekcja pytań i odpowiedzi (FAQ), gotowe do wyświetlenia jako rozszerzone wyniki w Google.
- 5 dedykowanych podstron dzielnicowych (Grębałów, Nowa Huta, Mistrzejowice, Bieńczyce, Czyżyny) zamiast jednej strony próbującej pozycjonować się na wszystko naraz — każda z własną treścią, własnymi zdjęciami i realnym adresem URL.
- Poprawnie skonfigurowane
robots.txtisitemap.xml, żeby Google od razu wiedział, co i jak indeksować. - Zero zewnętrznych frameworków i zewnętrznych fontów — każdy dodatkowy request to potencjalne opóźnienie. Tu go po prostu nie ma.
Brzmi jak dużo pracy? Bo to jest dużo pracy. Różnica między stroną, która „jakoś działa", a stroną, która realnie wygrywa audyty Google i przyciąga klientów z okolicznych dzielnic, leży właśnie w tych szczegółach — a nie w tym, jaki szablon się wybrało.
— Kontrola
Wyniki: co pokazał Google PageSpeed Insights
Bez owijania w bawełnę — najlepszym dowodem nie są nasze słowa, tylko surowe liczby z narzędzia, którego Google sam używa do oceny stron. Poniżej zrzuty ekranu z dwóch audytów tej samej strony głównej stypykrakow.pl, w odstępie niecałej doby: pierwszy pokazuje stan wyjściowy, drugi — po naszej korekcie technicznej.
Wersja mobilna (liczy się najbardziej — większość klientów szuka Cię z telefonu)
Wersja stacjonarna
Na desktopie wydajność była wysoka od początku — to typowe: mocniejsze komputery i szybsze łącza maskują niedociągnięcia, które na telefonie w słabszym zasięgu są bezlitosne. Dlatego przy audycie zawsze patrzymy przede wszystkim na wynik mobilny — tam Google i realni klienci są najbardziej surowi.
— Recepta
Dlaczego dedykowany kod, a nie kolejny WordPress
WordPress to dobre narzędzie do wielu rzeczy — ale nie do tego, żeby strona lokalnej firmy w Krakowie ładowała się w ułamku sekundy i wygrywała audyty Google. Każda strona na WordPressie, zanim w ogóle zacznie się cokolwiek renderować, musi: uruchomić serwer PHP, odpytać bazę danych MySQL, załadować silnik motywu, a potem dociągnąć kod dziesiątek wtyczek — z których większość i tak nie jest w danym momencie potrzebna. Nasza strona nie robi nic z tego. To po prostu plik HTML, który przeglądarka od razu zaczyna wyświetlać.
To nie znaczy, że WordPress jest „zły" — do dużego serwisu z codzienną redakcją treści bywa właściwym wyborem. Ale dla wizytówki lokalnej firmy, sali eventowej czy usługodawcy, gdzie liczy się przede wszystkim szybkość, niezawodność i wynik w wyszukiwarce, dedykowany kod wygrywa niemal zawsze — i te liczby z PageSpeed powyżej są tego prostym dowodem.
Prostota jest ostatecznym wyrafinowaniem. — przypisywane Leonardo da Vinci, a u nas: filozofia każdej przebudowy strony WWW
— Aktualizacja · sierpień 2026
Gotowy serwis uzyskał 99/100 w Inspektorze stron
Po zakończeniu realizacji wykonany został pełny skan strony głównej i dziesięciu znalezionych adresów. Wynik potwierdza jakość techniczną całego serwisu, a nie wyłącznie pojedynczego widoku.
— Twoja kolej
Twoja strona mogłaby wyglądać tak samo dobrze w oczach Google
Jeśli prowadzisz firmę w Krakowie i Twoja obecna strona internetowa jest wolna, oparta na starym WordPressie naszpikowanym wtyczkami albo po prostu wymaga uporządkowania — opisz problem lub podeślij jej adres. Wrócę z propozycją dalszych kroków i zakresem wyceny.
Powiązane: strona firmowa · strony internetowe Kraków