Paradoks nowoczesnego webdesignu
Współczesny internet znalazł się w dziwnym miejscu. Z jednej strony mamy dostęp do technologii, o których dekadę temu mogliśmy tylko marzyć, z drugiej – strony internetowe stają się coraz cięższe, wolniejsze i bardziej skomplikowane. Jako właściciele firm wpadamy w pułapkę „nowoczesności", wierząc, że im bardziej zaawansowany system wybierzemy, tym lepsze efekty osiągniemy. Przypadek mojej strony, rz-studio.pl, udowadnia, że jest dokładnie odwrotnie.
Złudzenie profesjonalizmu
Większość agencji marketingowych i deweloperów promuje rozwiązania oparte na potężnych systemach CMS. CMS, czyli Content Management System, to system zarządzania treścią, który obiecuje pełną kontrolę nad stroną bez dotykania ani jednej linii kodu. To brzmi kusząco – masz panel, w którym możesz zmieniać zdjęcia, dodawać wpisy na bloga i przesuwać klocki na stronie jak w popularnej grze.
Problem polega na tym, że te systemy rzadko są budowane z myślą o ekstremalnej wydajności. Są jak szwajcarskie scyzoryki – mają tysiące funkcji, z których 95% nigdy nie użyjesz, ale za każdym razem, gdy użytkownik albo robot Google odwiedza Twoją stronę, musi „dźwigać" ciężar tych wszystkich nieaktywnych narzędzi.
Szklany sufit widoczności
Prowadząc studio fotograficzne, wiedziałem, że content, czyli treść, jest kluczowy. Regularnie dodawałem nowe sesje, optymalizowałem title, czyli tytuł strony widoczny w przeglądarce, który jest dla Google jedną z najważniejszych informacji o tematyce podstrony, i dbałem o unikalne opisy. Teoretycznie robiłem wszystko zgodnie z podręcznikiem SEO.
Mimo to, wyniki stały w miejscu. Strona utknęła na odległych pozycjach, a wykresy w narzędziach analitycznych przypominały linię życia pacjenta w głębokiej śpiączce. Dlaczego? Bo choć treść była dobra, to „opakowanie", w którym ją serwowałem, było dla algorytmów nieczytelne.
Paradoks: ładna dla oka, niewidoczna dla algorytmu
Moja poprzednia strona była ofiarą tzw. przebodźcowania technologicznego. Warstwa wizualna, którą widział człowiek, była generowana w sposób, który całkowicie dezorientował roboty wyszukiwarek. Wyobraź sobie, że piszesz genialną książkę, ale robisz to niewidzialnym tuszem, który można dostrzec tylko pod specyficznym kątem przy użyciu specjalnej lampy.
Czytelnik z tą lampą, czyli użytkownik z nowoczesną przeglądarką, może ją przeczyta. Bibliotekarz, czyli Google, który kataloguje miliony książek na sekundę, po prostu odłoży ją na półkę z napisem „pusta". To była dokładnie sytuacja mojej strony. Wizualnie wszystko wyglądało dobrze. Technicznie – algorytm dostawał zbyt wiele przeszkód.
W tym case study pokażę, jak przestałem walczyć z oprogramowaniem i postanowiłem wrócić do absolutnych podstaw internetu. Zrozumiałem, że w 2026 roku, w dobie wszechobecnego pośpiechu i rosnącej roli sztucznej inteligencji, szybkość dostarczenia informacji nie jest już dodatkiem. Jest fundamentem przetrwania biznesu w sieci.
Przekonaj się, jak przejście na czysty HTML – technologię niemal tak starą jak sam internet – pozwoliło mi przeskoczyć konkurencję korzystającą z systemów za dziesiątki tysięcy złotych. To nie był krok wstecz. To było zrzucenie balastu, który nie pozwalał mi latać.
Zapraszam do współpracy!
Diagnoza — co gryzło rz-studio.pl
Zanim podjąłem decyzję o całkowitym przepisaniu serwisu, musiałem zrozumieć, dlaczego mimo świetnych zdjęć i merytorycznych tekstów Google traktowało moją stronę jak gracza rezerwowego. Diagnoza była bolesna: strona cierpiała na techniczną otyłość.
1. Zabójczy nadmiar JavaScriptu
Moja stara strona była przeładowana skryptami JS. JavaScript to język programowania, który sprawia, że strona „żyje" – odpowiada za wyskakujące okienka, slidery czy interaktywne galerie. Problem polega na tym, że nadmiar JS tworzy tzw. render-blocking.
Wyobraź sobie, że przeglądarka to robotnik, który musi zbudować dom, czyli Twoją stronę. Zamiast zacząć od ścian, dostaje instrukcję: „Zanim położysz pierwszą cegłę, przeczytaj tę 500-stronicową instrukcję obsługi windy". Robotnik stoi i czyta, a użytkownik w tym czasie widzi biały ekran. W świecie SEO każda milisekunda takiego przestoju to sygnał dla Google, że strona jest niskiej jakości.
2. Efekt „pustej witryny" i problemy z renderowaniem
To był najbardziej krytyczny punkt. Stara technologia zaciągała warstwę graficzną osobno, już po załadowaniu szkieletu strony. Dla człowieka wyglądało to efektownie – strona się pojawiała, a zdjęcia „wskakiwały" po chwili.
Jednak algorytmy Google działają inaczej. Ich zasoby są ograniczone, co nazywamy crawl budget – to czas i energia, jaką Google poświęca na przeskanowanie witryny. Jeśli robot wejdzie na stronę i przez zbyt długi czas widzi tylko „kręcące się kółko" ładowania, bo JavaScript jeszcze nie dociągnął zdjęć, to robot po prostu wychodzi.
Wynik? Moje portfolio fotografii biznesowej dla Google właściwie nie istniało. Widziało kod, ale nie widziało dowodów mojego profesjonalizmu. A w branży fotograficznej to absurd szczególnie bolesny, bo portfolio nie jest dekoracją. Portfolio jest argumentem sprzedażowym.
3. Niekończące się zapytania do serwera
Stary system generował dziesiątki tzw. HTTP requests. Za każdym razem, gdy ktoś otwierał stronę, przeglądarka musiała „pukać" do serwera setki razy: „daj mi ten skrypt", „daj mi tę ikonkę", „daj mi tę czcionkę".
Każde takie zapytanie to strata czasu. W fotografii biznesowej liczy się pierwsze wrażenie. Jeśli klient albo bot wyszukiwarki musi czekać, aż serwer „przemieli" te wszystkie prośby, po prostu rezygnuje. To właśnie dlatego moje wykresy widoczności były „szarpane" – Google raz miało cierpliwość poczekać na załadowanie danych, a innym razem uznawało stronę za błąd i wyrzucało ją z rankingu.
4. Szklany sufit optymalizacji treści
Robiłem to, co każdy świadomy właściciel firmy: dbałem o title i meta description, czyli opis widoczny w wynikach wyszukiwania. Ale to było jak malowanie zardzewiałego samochodu. Pod piękną warstwą nowej farby silnik wciąż rzęził i dławił się spalinami.
Zrozumiałem, że żadna ilość „magicznych słów kluczowych" nie pomoże, jeśli fundament technologiczny jest dziurawy. Strona nie przechodziła żadnych testów szybkości. Była po prostu zbyt ciężka, by wygrać wyścig o TOP 1.
Zapraszam do współpracy!
Dlaczego czysty HTML
Kiedy uświadomiłem sobie, że mój CMS jest kulą u nogi, stanąłem przed wyborem: szukać kolejnego „cudownego" systemu, który obieca mi szybkość, czy wrócić do korzeni. Wybrałem bramkę numer dwa. Postanowiłem przepisać rz-studio.pl na czysty HTML.
Dla wielu osób z branży to brzmiało jak szaleństwo. „Jak to? Strona bez panelu do edycji? W 2026 roku?". Tak, dokładnie tak. Postawiłem na strategię back to basics, kierując się zasadą, że najlepsza technologia to taka, która nie przeszkadza treści.
Czym właściwie jest „czysty HTML"?
Wyobraź sobie, że zamawiasz obiad.
- Strona z CMS-em jest jak wizyta w luksusowej restauracji, gdzie kucharz musi najpierw sprawdzić zapasy w komputerze, wydrukować zamówienie, wysłać zapytanie do magazynu, a na koniec złożyć danie z gotowych półproduktów. To trwa.
- Czysty HTML jest jak danie, które już czeka na talerzu. Kiedy wpisujesz adres rz-studio.pl, serwer nie musi niczego „obliczać" ani „składać". Po prostu wysyła gotowy plik prosto do Twojej przeglądarki.
To podejście eliminuje tzw. TTFB, czyli Time To First Byte – czas oczekiwania na pierwszy bajt danych z serwera. W moim przypadku ten czas spadł do absolutnego minimum.
Filozofia „Static First"
Przejście na stronę statyczną, czyli taką, która nie zmienia się dynamicznie przy każdym odświeżeniu, to nie tylko szybkość. To przede wszystkim czytelność dla robotów. W klasycznym systemie robot Google musi wykonać ogromną pracę: pobrać kod, uruchomić skrypty, wyrenderować grafikę i dopiero wtedy „zrozumieć", o czym jest strona.
W czystym HTML-u proces wygląda tak:
- Robot wchodzi.
- Robot czyta.
- Robot rozumie.
Wszystko dzieje się w milisekundach. Wyeliminowałem pośredników. Dzięki temu moja oferta fotografii biznesowej stała się dla algorytmów jasna, przejrzysta i – co najważniejsze – wiarygodna.
Bezpieczeństwo i spokój
Dodatkowym atutem wyrzucenia CMS-a jest bezpieczeństwo. Większość ataków hakerskich celuje w dziury w systemach takich jak WordPress czy Joomla. Strona w czystym HTML-u nie ma bazy danych, do której można się włamać, ani panelu logowania, który można zhakować.
To forteca. Jest lekka, odporna i piekielnie szybka. W moim przypadku miało to też wymiar praktyczny: mniej aktualizacji, mniej ryzyka, mniej sytuacji, w których po jednej poprawce systemu coś nagle przestaje działać.
Odpowiedzialność za każdy bajt
Pisząc kod ręcznie, odzyskałem kontrolę. Każde zdjęcie ma swój precyzyjny atrybut ALT, czyli tekst alternatywny opisujący zdjęcie dla robotów i osób niewidomych. Każda linijka kodu ma swój cel. Nie ma tu miejsca na „śmieci", które automatycznie generują systemy zarządzania treścią.
To była chirurgiczna praca, która przygotowała fundament pod to, co zobaczyłem później w testach wydajności. Decyzja zapadła: tniemy zbędny tłuszcz, zostawiamy czyste mięśnie. Wyniki, które przyszły chwilę później, potwierdziły, że był to strzał w dziesiątkę.
Wyniki testów GTmetrix
Kiedy nowa wersja rz-studio.pl ujrzała światło dzienne, nadszedł czas próby. Podpiąłem stronę pod GTmetrix – najbardziej rygorystyczny „poligraf" dla stron internetowych. To narzędzie sprawdza, jak witryna zachowuje się w realnych warunkach, symulując wejście użytkownika z konkretnej lokalizacji i urządzenia.
Wyniki? To był technologiczny nokaut. Moja strona uzyskała najwyższą możliwą notę: Grade A.
Co oznaczają te „magiczne" wskaźniki?
Dla laika te wszystkie skróty mogą brzmieć jak czarna magia, ale w rzeczywistości to klucz do zrozumienia, dlaczego klient zostaje na stronie albo z niej ucieka.
- Performance: 100% / Structure: 96%
To ocena ogólna. Sto procent wydajności oznacza, że na stronie nie ma elementu, który niepotrzebnie spowalniałby jej działanie. Każdy bajt kodu ma swój cel. - LCP: 527 ms – 570 ms
Largest Contentful Paint to jeden z najważniejszych wskaźników Core Web Vitals. Mierzy czas, po którym użytkownik widzi największy element na stronie, np. główne zdjęcie sesji biznesowej. Wynik poniżej 600 milisekund to poziom nieosiągalny dla większości stron opartych na ciężkich systemach. Google uznaje wynik poniżej 2,5 sekundy za dobry. Ja pobiłem ten standard pięciokrotnie. - TBT: 48 ms – 89 ms
Total Blocking Time to czas, w którym strona jest „zablokowana" i nie reaguje na kliknięcia użytkownika, bo np. procesor komputera wciąż mieli ciężki kod. U mnie ten czas praktycznie nie istnieje. Strona jest gotowa do interakcji niemal w momencie, gdy puszczasz klawisz Enter. - CLS: 0
Cumulative Layout Shift mierzy stabilność układu. Znasz to uczucie, gdy chcesz w coś kliknąć na telefonie, ale nagle wskakuje reklama lub zdjęcie i cała treść „ucieka" w dół? U mnie ten wskaźnik wynosi zero. Strona jest stabilna jak skała – nic nie drga, nic nie przeskakuje.
Lekkość, która rzuca na kolana
Przyjrzyjmy się wadze strony. Na zrzutach widać, że strona główna waży niecałe 2 MB, a podstrona ofertowa zaledwie 3.7 MB, mimo że zawiera wysokiej jakości fotografie biznesowe. Co więcej, liczba zapytań do serwera spadła do zaledwie 39–48.
Wcześniej, na starym systemie, przeglądarka musiała „prosić" serwer o setki plików. Teraz to krótka i konkretna wymiana informacji. Efekt? Fully Loaded Time poniżej 1 sekundy: 862 ms – 957 ms.
Dlaczego to ma znaczenie dla biznesu?
Większość ludzi myśli, że sekunda różnicy to nic. W internecie sekunda to wieczność. Dzięki optymalizacji rz-studio.pl do poziomu czystego HTML nie tylko zadowoliłem algorytmy Google, ale przede wszystkim szanuję czas moich klientów.
Kiedy potencjalny klient szuka fotografa biznesowego w Poznaniu, chce zobaczyć portfolio natychmiast. Moja strona mu to umożliwia. Nie ma kręcących się kółek ładowania, nie ma frustracji. Jest tylko czysta treść dostarczona w tempie błyskawicy.
527 ms oznacza w praktyce, że zanim konkurent zdąży pokazać swoje zdjęcia, moje portfolio jest już w pełni widoczne. To brzmi jak efektowna figura retoryczna, ale w biznesie lokalnym naprawdę ma znaczenie. Klient nie analizuje kodu. Klient po prostu czuje, że strona działa szybko, sprawnie i profesjonalnie.
Zapraszam do współpracy!
Eksplozja widoczności w Google Search Console
Wszystkie techniczne zmiany, o których pisałem wcześniej, miały jeden nadrzędny cel: sprawić, by Google przestało omijać moją stronę wzrokiem. Kiedy po wdrożeniu czystego HTML-a zajrzałem do Google Search Console, czyli oficjalnego panelu, w którym Google „rozmawia" z właścicielami stron, to, co zobaczyłem na wykresach, przeszło moje najśmielsze oczekiwania.
1. Skok z niebytu na podium — fraza „fotografia biznesowa"
To był moment, w którym przecierałem oczy ze zdumienia. Przez rok moja strona na frazę „fotografia biznesowa" była praktycznie martwa. Średnia pozycja oscylowała w granicach 71. miejsca. W świecie Google oznacza to siódmą lub ósmą stronę wyników – miejsce, gdzie zaglądają tylko najbardziej zdeterminowani poszukiwacze albo nikt.
Po przejściu na czysty kod i optymalizacji szybkości strona wystrzeliła na średnią pozycję 1.5. To nie jest zwykły wzrost. To przeskok o kilka lig wyżej. Stałem się widoczny dla każdego, kto wpisuje tę frazę w wyszukiwarkę. Google uznało, że skoro moja strona ładuje się w pół sekundy i serwuje czystą treść, to zasługuje na miano lidera.
2. Stabilność, której wcześniej nie było
Spójrz na wykres z ostatnich 16 miesięcy. To fascynująca lekcja historii.
- Przed zmianą, linia przerywana: widoczność była „poszarpana". Strona pojawiała się i znikała. To typowy objaw problemów z renderowaniem. Googlebot wchodził, „odbijał się" od ciężkiego kodu i rezygnował z indeksowania. To tak, jakbyś miał sklep, który jest otwierany w losowych godzinach – klient nigdy nie wie, czy zastanie Cię w środku.
- Po zmianie, linia ciągła: wykres stał się stabilny jak linia horyzontu. Pozycje przestały skakać. Google zyskało pewność, że rz-studio.pl jest zawsze dostępne, zawsze szybkie i zawsze czytelne. Ta stabilność to fundament budowania zaufania algorytmu.
3. Wzrost wyświetleń o 450% — fraza „fotografia biznesowa Poznań"
Lokalna fraza dla mojego rynku macierzystego również zanotowała spektakularne wyniki. W ujęciu trzymiesięcznym liczba impressions, czyli wyświetleń strony w wynikach wyszukiwania, wzrosła z 135 do 747.
Co to oznacza w praktyce? To nie tylko cyfry. To ponad 600 dodatkowych osób, które zobaczyły moją ofertę tylko dlatego, że strona przestała być technologicznie ułomna. Nawet jeśli średnia pozycja na szerokie zapytania wydaje się czasem niższa, to dzieje się tak dlatego, że Google zaczęło mnie pokazywać na nowe, powiązane frazy, o których wcześniej mogłem tylko pomarzyć.
W danych, które mam pod ręką, nie ma dokładnej liczby wszystkich nowych zapytań obsługiwanych przez stronę po zmianie. Najważniejszy jest widoczny mechanizm: po technicznym oczyszczeniu strony Google zaczęło częściej pokazywać ofertę nie tylko na jedną frazę główną, ale także na szerszy zestaw zapytań związanych z fotografią biznesową i Poznaniem.
4. Interpretacja „ciszy" przed burzą
Na wykresach widać też momenty, w których linia wyświetleń zaczyna systematycznie rosnąć, tworząc coraz wyższe szczyty. To dowód na to, że po wyrzuceniu CMS-a strona przestała marnować swój crawl budget. Robot Google, zamiast męczyć się z jednym ciężkim plikiem przez minutę, w tym samym czasie przeskanował całą moją ofertę, bloga i portfolio.
Efekt domina zadziałał: lepsza technologia oznacza lepsze skanowanie, lepsze skanowanie oznacza więcej zaindeksowanych podstron, a więcej zaindeksowanych podstron oznacza większy ruch.
Wnioski z analizy GSC są jasne: Google nie potrzebuje „nowoczesnych" bajerów. Google potrzebuje prawdy podanej w
