Najważniejsze w skrócie
- Większość gości otwiera Twoją stronę w telefonie i w drodze, często przy niestabilnym połączeniu. Dla nich liczy się każda sekunda do godzin otwarcia, menu i rezerwacji.
- Google mierzy doświadczenie użytkownika trzema wskaźnikami Core Web Vitals: czas ładowania największego elementu (LCP), reakcja na działania (INP) i przesunięcia układu (CLS).
- Największym hamulcem są niemal zawsze za duże zdjęcia. Prawidłowo przycięte i zapisane jako WebP lub AVIF stają się wielokrotnie mniejsze, nie wyglądając gorzej.
- Menu w PDF, osadzone kanały z mediów społecznościowych, slidery, filmy w tle i mnóstwo wtyczek w kreatorach stron kosztują w telefonie szczególnie dużo czasu.
- Bezpłatnym narzędziem Google PageSpeed Insights przetestujesz stronę w minutę. Liczy się widok na urządzenia mobilne, a nie na komputer.
Ten artykuł ma charakter ogólnej informacji i nie zastępuje porady prawnej ani podatkowej. Przepisy się zmieniają i częściowo różnią się w poszczególnych krajach związkowych: sprawdź szczegóły w swojej izbie gospodarczej (WKO) lub IHK, we właściwym urzędzie albo u swojego doradcy podatkowego.
Dlaczego czas ładowania jest tak ważny dla lokali
Miejsca na jedzenie szuka się zwykle tuż przed decyzją: w drodze z biura, na spacerze po starówce, w samochodzie przed celem wycieczki. Goście widzą Twój lokal w Mapach Google lub w Profilu Firmy w Google, stukają w „Witryna” i oczekują odpowiedzi od razu. W telefonie połączenie jest często gorsze niż w domu: między wysokimi budynkami, w lokalach w piwnicy, w dolinach albo w przeciążonej sieci podczas festynu.
Dlatego wolna strona całkiem bezpośrednio kosztuje Cię gości. Kto przez dziesięć sekund patrzy na biały ekran, nie zadzwoni i nie zarezerwuje, tylko wybierze następny lokal z listy. Do tego dochodzi wyszukiwarka: Google zaleca dobre Core Web Vitals i uwzględnia doświadczenie użytkownika w swoich systemach rankingowych. Treść i trafność pozostają ważniejsze, ale przy podobnie dobrych stronach szybkość może przesądzić. Jak czas ładowania, treści i wpisy działają razem, wyjaśnia poradnik o lokalnym SEO.
Core Web Vitals w prostych słowach
Za pomocą Core Web Vitals Google opisuje, jak strona „odczuwana” jest przez prawdziwych odwiedzających. To trzy wskaźniki, każdy z wartością docelową, którą Google uznaje za „dobrą”. Pomiar nie dotyczy jednej wizyty, lecz wielu: strona jest uznawana za dobrą, gdy co najmniej 75 procent wizyt osiąga cel, osobno dla telefonów i komputerów.
| Wskaźnik | Co mierzy | Dobrze według Google | Typowa przyczyna w lokalach |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Kiedy największy widoczny element jest w pełni załadowany, zwykle duże zdjęcie w nagłówku | Do 2,5 sekundy | Ogromne zdjęcie w nagłówku, wolny hosting, slider z kilkoma zdjęciami |
| INP (Interaction to Next Paint) | Jak szybko strona reaguje na dotknięcie, np. menu lub przycisku | Do 200 milisekund | Wiele skryptów zewnętrznych, ciężkie wtyczki kreatora stron |
| CLS (Cumulative Layout Shift) | Jak bardzo treść przeskakuje podczas ładowania | Do 0,1 | Obrazy bez stałego rozmiaru, późno wyświetlane banery i wyskakujące okna |
Mówiąc po ludzku: zdjęcie sali albo popisowego dania ma pojawić się szybko, przycisk „Zarezerwuj stolik” ma reagować od razu, a numer telefonu nie może w ostatniej chwili zjechać w dół tak, że gość stuknie zamiast niego w baner z bonem podarunkowym. Ten ostatni punkt denerwuje wielu gości bardziej niż kilka dziesiątych sekundy ładowania.
Test w PageSpeed Insights
Bezpłatne narzędzie Google PageSpeed Insights w minutę pokazuje, jak szybka jest Twoja strona i co ją spowalnia. Nie potrzebujesz konta ani wiedzy technicznej.
Wpisz adres
Otwórz pagespeed.web.dev, wklej adres strony głównej i kliknij „Analizuj”. Potem przetestuj także menu i stronę rezerwacji.
Wybierz widok „Komórka”
PageSpeed Insights najpierw pokazuje wyniki dla urządzeń mobilnych. Wartości dla komputera zwykle wyglądają lepiej, ale mniej mówią o gościach w drodze.
Odczytaj dane z terenu
Na górze, jeśli jest wystarczająco wiele wizyt, widać wartości prawdziwych użytkowników Chrome z ostatnich 28 dni. To ta ocena liczy się dla Core Web Vitals.
Dane laboratoryjne i wynik wydajności
Poniżej Google symuluje wizytę na przeciętnym telefonie i podaje wynik wydajności od 0 do 100. Zmienia się nieco z testu na test i służy głównie do szukania problemów.
Wdrażaj zalecenia
W sekcji „Diagnostyka” widać, co spowalnia stronę, np. za duże obrazy albo skrypty blokujące renderowanie. Zacznij od punktów, które oszczędzają najwięcej czasu.
Kompresja zdjęć: największa dźwignia
Zdjęcia sprzedają jedzenie, atmosferę i pokoje, i należą do każdej strony gastronomicznej. Zdjęcie prosto z telefonu albo aparatu fotografa ma jednak często kilka megabajtów i szerokość 4000 pikseli lub więcej. W telefonie wyświetla się w szerokości około 400 pikseli. Gość pobiera więc wielokrotność tego, co widzi. Na stronie głównej ze zdjęciem w nagłówku, galerią i zdjęciami zespołu szybko sumuje się to do ilości danych, której pobranie w sieci komórkowej wyraźnie trwa.
Przytnij
Przed wgraniem zmniejsz zdjęcia do rozmiaru, w jakim są wyświetlane. Na duże zdjęcie w nagłówku zwykle wystarcza około 2000 pikseli szerokości, na zdjęcia w galerii dużo mniej.
Nowoczesny format
Zamiast JPEG lub PNG używaj WebP albo AVIF. Według Google obrazy WebP są zwykle o około 25 do 35 procent mniejsze od porównywalnych plików JPEG i PNG.
Kompresuj
W programie graficznym lub bezpłatnym narzędziu online obniżaj jakość, aż na ekranie nie zobaczysz już różnicy.
Podawaj kilka rozmiarów
Dobre systemy stron automatycznie tworzą mniejsze wersje dla telefonów i większe dla dużych ekranów. Zapytaj, czy Twój to potrafi.
Później ładuj to, co niżej
Obrazy niżej na stronie ładuj dopiero, gdy gość tam przewinie (lazy loading). Zdjęcie w nagłówku na samej górze ładuj natomiast od razu, inaczej cierpi LCP.
Nadaj też każdemu obrazowi stałą szerokość i wysokość w kodzie strony, aby miejsce było zarezerwowane przed załadowaniem i nic nie przeskakiwało. Jak w ogóle zrobić dobre zdjęcia, nawet telefonem, pokazuje poradnik o fotografii kulinarnej.
Menu w PDF: wolne i niewygodne
Wiele lokali wrzuca drukowane menu na stronę jako PDF. To szybkie, ale dla gości w telefonie często najgorsze rozwiązanie. PDF ze zdjęciami i osadzonymi czcionkami może mieć kilka megabajtów, zależnie od telefonu otwiera się w osobnej aplikacji albo się pobiera, a tekst bez powiększania jest ledwo czytelny. Kto w biegu chce tylko sprawdzić, czy są dania wegetariańskie, często tu rezygnuje.
| Menu w PDF | Menu jako tekst na stronie | |
|---|---|---|
| Czas ładowania w telefonie | Często wolno, zwłaszcza ze zdjęciami | Szybko, ładuje się ze stroną |
| Czytelność | Trzeba powiększać i przesuwać | Dopasowuje się do ekranu |
| Google i asystenci AI | Treść trudna do odczytania | Dania i hasła łatwe do znalezienia |
| Dostępność | Dla czytników ekranu często trudne | Dobrze dostępne, jeśli porządnie zbudowane |
| Zmiany | Przygotować i wgrać nowy plik | Zmienić jedno danie lub cenę bezpośrednio |
Menu jako tekst jest szybsze, czytelniejsze i widoczne w Google. Jak je zbudować i aktualizować, opisuje poradnik o menu cyfrowym. Jeśli chcesz dodatkowo udostępnić wersję do druku na przyjęcia lub catering, podlinkuj PDF jako dodatek, a nie jedyne menu. Na stoliki stworzysz narzędziem kod QR do menu stojak, który prowadzi prosto do menu w formie tekstu.
Balast w kreatorach stron i szablonach
Kreatory stron i gotowe szablony są wygodne, ale często przynoszą dużo kodu, którego Twoja strona w ogóle nie potrzebuje. Każda dodatkowa funkcja ładuje własne skrypty, czcionki i style, nawet jeśli używana jest tylko na jednej podstronie. Na szybkim komputerze w biurze prawie tego nie widać, na tanim telefonie w sieci komórkowej jak najbardziej. Typowe hamulce na stronach gastronomicznych:
- Slidery ze zdjęciami i filmy w tle na stronie głównej: kilka dużych plików, zanim gość cokolwiek przeczyta.
- Osadzone kanały z Instagrama lub Facebooka: ładują zewnętrzne skrypty i często dziesiątki zdjęć. Link do profilu jest szybszy.
- Osadzone mapy: interaktywna mapa ładowana od razu kosztuje czas. Zwykle wystarczy obrazek mapy z linkiem do wyznaczania trasy.
- Wiele wtyczek i widżetów: okna czatu, widżety z opiniami, pogoda, wyskakujące okna z newsletterem lub bonami.
- Kilka czcionek w wielu grubościach, każda ładowana z cudzego serwera.
- Skrypty śledzące i reklamowe: każda usługa spowalnia stronę i często wymaga też wpisu w banerze cookies. Zastanów się, jakich liczb naprawdę potrzebujesz; więcej w poradniku o statystykach strony.
Tak zrobisz to dobrze
- Jedno mocne, dobrze skompresowane zdjęcie w nagłówku zamiast slidera
- Link do Instagrama zamiast osadzonego kanału
- Jedna lub dwie czcionki, najlepiej z własnego serwera
- Zostawić tylko wtyczki, z których goście naprawdę korzystają
- Hosting z serwerami blisko gości i pamięcią podręczną
Lepiej nie
- Automatycznie odtwarzany film w tle strony głównej
- Wgrywanie zdjęć prosto z aparatu
- Menu tylko jako PDF lub zdjęcie
- Wyskakujące okno przy pierwszej wizycie, zasłaniające treść
- Skrypty usług, z których nikt już nie korzysta
Niektórych hamulców nie da się w kreatorze wyłączyć, bo są częścią platformy. Wtedy pozostaje utrzymać stronę lekką albo zmienić system. Jakie są możliwości i ile kosztują, porównuje poradnik Ile kosztuje strona restauracji?.
Jak strona pozostaje szybka na stałe
Strona rzadko zwalnia nagle, raczej krok po kroku: tu nowe zdjęcie w pełnym rozmiarze, tam widżet do promocji, która dawno się skończyła. Zaplanuj więc dwa razy w roku krótką kontrolę, na przykład przed sezonem letnim i przed okresem świątecznym, gdy szczególnie wielu gości szuka miejsca na przyjęcia i bonów podarunkowych.
Lista kontrolna szybkiej strony gastronomicznej
- PageSpeed Insights sprawdzony dla strony głównej, menu i rezerwacji, w widoku mobilnym
- LCP do 2,5 sekundy, INP do 200 milisekund, CLS do 0,1
- Wszystkie zdjęcia przycięte, skompresowane i zapisane jako WebP lub AVIF
- Obrazy o stałym rozmiarze, niżej na stronie z lazy loadingiem
- Menu jako tekst, PDF najwyżej jako dodatek
- Bez slidera i bez automatycznie odtwarzanego filmu na stronie głównej
- Bez osadzonych kanałów społecznościowych, zamiast nich linki
- Usunięte nieużywane wtyczki, widżety i skrypty śledzące
- Godziny otwarcia, telefon i przycisk rezerwacji widoczne w telefonie bez przewijania
- Własny test w telefonie w sieci komórkowej
W Meine-Gastro-Website szybkość jest częścią fundamentu: zdjęcia są automatycznie podawane w odpowiednich rozmiarach i nowoczesnych formatach, menu jest na stronie jako tekst, a zbędne skrypty nie są ładowane. Jak mogłoby to wyglądać dla Twojego lokalu, zobaczysz w naszych przykładowych stronach albo od razu w bezpłatnym podglądzie.
Twoja szybka strona w podglądzie
Zobacz bezpłatnie, jak mogłaby wyglądać Twoja strona gastronomiczna: szybka w telefonie, z menu jako tekst i przyciskiem rezerwacji.
Bezpłatny podgląd strony Twojego lokalu, zaprojektowany przez nas.
