Wyobraź sobie stronę internetową, która pojawia się natychmiast. Tak, to możliwe.

Wszyscy znamy to uczucie. Wchodzisz na jakąś stronę, klikasz link i… czekasz. Na telefonie kręci się mała kółeczko ładowania. Obrazki wyskakują powoli, tekst przesuwa się w dół, menu jest zablokowane. Po kilku sekundach frustracji wracasz do Google i szukasz czegoś innego.

W świecie internetu czas to nie tylko pieniądz – to utracony klient.

Dlatego zbudowaliśmy tę stronę inaczej. Nie użyliśmy popularnych, gotowych rozwiązań, które z miesiąca na miesiąc stają się coraz cięższe i wolniejsze. Zaprojektowaliśmy ją od zera, łącząc dwa potężne, ale dla przeciętnego użytkownika niewidoczne silniki. Efekt?

Otrzymaliśmy idealne 100 na 100 możliwych punktów w teście Google PageSpeed Insights. Zarówno na komputerze, jak i na smartfonie.

Brzmi jak techniczny bełkot? Nic nie szkodzi. Oto co to oznacza w praktyce, w prostych słowach.

Dlaczego wynik "100 na mobile" to rzadkość? (Ciekawostki, o których nie wiedziałeś)

Większość stron internetowych potrafi osiągnąć niezły wynik szybkości na dużym komputerze podłączonym do szybkiego internetu. Ale to tak naprawdę łatwe zadanie. Prawdziwym sprawdzianem jest smartfon. Dlaczego?

• Twój telefon to mały komputer: Procesor w Twoim telefonie jest wielokrotnie słabszy niż ten w laptopze. Strona, która na komputerze ładuje się 1 sekundę, na telefonie może ładować się 4 sekundy, bo telefon po prostu "nie nadąża" przetwarzać ciężkiego kodu.
• Złota zasada 3 sekund: Badania Google pokazują, że 53% użytkowników mobilnych opuszcza stronę, jeśli nie załaduje się w ciągu 3 sekund. My zlikwidowaliśmy to opóźnienie niemal do zera.
• Kosztujące sekundy: Czy wiesz, że gigant tacy jak Amazon czy Google dokładnie wyliczyli, ile kosztują ich opóźnienia? Amazon ustalił, że każda dodatkowa 100 milisekund (0,1 sekundy!) czasu ładowania strony kosztuje ich 1% spadku sprzedaży. W ich skali to miliardy dolarów strat. My zrobiliśmy stronę, na której takie opóźnienia po prostu nie istnieją.
• Test Google jest bezlitosny: Narzędzie PageSpeed Insights to nie jest miernik "czy strona w ogóle działa". To program, który szuka najmniejszych nawet błędów – nierównego ładowania obrazków, przesuwającego się tekstu (tzw. layout shift, kiedy próbujesz kliknąć przycisk, a nagle tekst przesuwa go niżej) czy zbędnego kodu. Wynik 100 oznacza, że strona jest chirurgicznie czysta.

Jak osiągnęliśmy ten wynik? (Metafora z restauracją)

Aby zrozumieć, dlaczego nasza strona jest tak szybka, wyobraź sobie luksusową restaurację.

Tradycyjne strony internetowe (np. na popularnych systemach WordPress) działają jak kelner, który musi sam ugotować zupę, upiec chleb, nakryć do stołu, a dopiero potem ci to podać. Kod musi wykonać mnóstwo pracy w jednym momencie, przez co wszystko zwalnia.

My zastosowaliśmy architekturę rozdzieloną (tzw. headless).

1. W naszej kuchni (system ProcessWire) pracuje szef kuchni. Jego jedynym zadaniem jest szybkie przygotowanie czystych, świeżych składników (tekstu, zdjęć, danych) i podanie ich przez okienko.
2. Na sali pracuje supernowoczesny kelner (frontend Vue 3). Nie musi nic gotować. Błyskawicznie odbiera składniki i układa je na talerzu w pięknej formie, jeszcze zanim zauważysz, że siedzisz przy stole.

Dzięki temu podziałowi ról, strona nie musi za każdym razem "przeładowywać się" od zera, gdy klikasz w kolejny zakładkę. Działa jak natywna aplikacja w Twoim telefonie – płynnie, błyskawicznie i bez ucinania animacji.

Co to oznacza dla Ciebie i Twoich klientów?

Możemy pisać o technologii godzinami, ale w biznesie liczy się jeden prosty fakt: szybka strona po prostu zarabia więcej.

• Lepsza pozycja w Google: Od lat Google oficjalnie przyznaje wyższe miejsca w wyszukiwarce stronom, które ładują się szybciej na telefonach. Mając 100/100, mamy ogromną przewagę nad konkurencją.
• Użytkownicy, którzy zostają: Nikt nie ucieka zirytowany długim ładowaniem. Ludzie klikają, przeglądają i kupują.
• Większy zasięg: Nasza strona załaduje się błyskawicznie nawet ktoś, kto jedzie pociągiem i ma słaby zasięg LTE, albo siedzi w kawiarni na wolnym Wi-Fi.

Większość agencji i programistów buduje strony "tak, żeby działały". My zbudowaliśmy stronę, która działa błyskawicznie. Sprawdź to sam – otwórz naszą stronę na telefonie i zobacz, jak powinien wyglądać dzisiejszy internet.