Najvažnije ukratko
- Većina gostiju otvara vašu web stranicu na mobitelu i u pokretu, često uz nestabilnu vezu. Za njih se računa svaka sekunda do radnog vremena, jelovnika i rezervacije.
- Google mjeri korisničko iskustvo pomoću tri Core Web Vitals: vrijeme učitavanja najvećeg sadržaja (LCP), reakcija na unos (INP) i pomicanje izgleda (CLS).
- Najveća kočnica gotovo su uvijek prevelike fotografije. Pravilno obrezane i spremljene kao WebP ili AVIF postaju višestruko manje, a da ne izgledaju lošije.
- PDF jelovnici, ugrađeni feedovi društvenih mreža, slideri, videozapisi u pozadini i mnogo dodataka u graditeljima stranica na mobitelu oduzimaju posebno mnogo vremena.
- Besplatnim Googleovim alatom PageSpeed Insights testirate stranicu u minuti. Važan je prikaz za mobilne uređaje, a ne za stolna računala.
Ovaj članak služi kao opća informacija i ne zamjenjuje pravni ni porezni savjet. Pravila se mijenjaju i dijelom se razlikuju od pokrajine do pokrajine: pojedinosti provjerite kod svoje gospodarske komore (WKO) ili IHK, nadležnog ureda ili poreznog savjetnika.
Zašto je brzina učitavanja toliko važna za lokale
Mjesto za jelo uglavnom se traži neposredno prije odluke: na putu iz ureda, u šetnji starim gradom, u autu pred izletištem. Gosti vide vaš lokal na Google kartama ili u Google profilu tvrtke, dodirnu „Web-lokacija“ i odmah očekuju odgovor. Na mobitelu je veza često lošija nego kod kuće: između visokih zgrada, u podrumskim lokalima, u dolinama ili u preopterećenoj mreži za vrijeme uličnog festivala.
Spora stranica zato sasvim izravno košta goste. Tko deset sekundi gleda u bijeli zaslon, neće nazvati ni rezervirati, nego će odabrati sljedeći lokal s popisa. Tu je i tražilica: Google preporučuje dobre Core Web Vitals i korisničko iskustvo uzima u obzir u svojim sustavima za poredak. Sadržaj i relevantnost i dalje su važniji, ali između podjednako dobrih stranica brzina može presuditi. Kako brzina učitavanja, sadržaj i unosi djeluju zajedno, objašnjava vodič o lokalnom SEO-u.
Core Web Vitals jednostavno objašnjeni
Pomoću Core Web Vitals Google opisuje kakav je osjećaj korištenja stranice za stvarne posjetitelje. Riječ je o tri mjerne vrijednosti, svaka s ciljanom vrijednošću koju Google smatra „dobrom“. Ne mjeri se jedan posjet, nego mnogo njih: stranica se smatra dobrom ako barem 75 posto posjeta dosegne cilj, zasebno za mobitele i stolna računala.
| Vrijednost | Što mjeri | Dobro prema Googleu | Tipičan uzrok kod lokala |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Kada je najveći vidljivi sadržaj potpuno učitan, obično velika naslovna fotografija | Do 2,5 sekunde | Ogromna naslovna fotografija, spor hosting, slider s više slika |
| INP (Interaction to Next Paint) | Koliko brzo stranica reagira na dodir, primjerice na izbornik ili gumb | Do 200 milisekundi | Mnogo skripti trećih strana, teški dodaci graditelja stranica |
| CLS (Cumulative Layout Shift) | Koliko se sadržaj pomiče tijekom učitavanja | Do 0,1 | Slike bez fiksne veličine, kasno prikazani banneri i skočni prozori |
Prevedeno u svakodnevicu: naslovna fotografija vašeg prostora ili najpoznatijeg jela treba se brzo pojaviti, gumb „Rezerviraj stol“ treba odmah reagirati, a broj telefona ne smije u zadnji tren skočiti prema dolje tako da gost umjesto njega dodirne banner za poklon-bon. Ova zadnja točka mnoge goste živcira više nego nekoliko desetinki sekunde učitavanja.
Testiranje s PageSpeed Insights
Besplatni Googleov alat PageSpeed Insights u minuti pokazuje koliko je vaša web stranica brza i što je usporava. Za to vam ne treba ni račun ni tehničko znanje.
Unesite adresu
Otvorite pagespeed.web.dev, zalijepite adresu svoje početne stranice i kliknite „Analiziraj“. Zatim testirajte i jelovnik i stranicu za rezervacije.
Odaberite prikaz „Mobilni“
PageSpeed Insights najprije prikazuje rezultate za mobilne uređaje. Vrijednosti za stolna računala obično izgledaju bolje, ali manje govore o gostima u pokretu.
Pročitajte podatke s terena
Na vrhu se, ako ima dovoljno posjeta, nalaze vrijednosti stvarnih korisnika Chromea iz zadnjih 28 dana. To je ocjena koja vrijedi za Core Web Vitals.
Laboratorijski podaci i ocjena izvedbe
Ispod toga Google simulira posjet s prosječnim mobitelom i daje ocjenu izvedbe od 0 do 100. Ona se malo mijenja od testa do testa i služi prije svega za traženje grešaka.
Riješite preporuke
Pod „Dijagnostika“ piše što usporava stranicu, primjerice prevelike slike ili skripte koje blokiraju prikaz. Počnite sa stavkama koje štede najviše vremena.
Kompresija fotografija: najveća poluga
Fotografije prodaju jela, atmosferu i sobe i pripadaju svakoj ugostiteljskoj web stranici. No fotografija izravno s mobitela ili fotografova aparata često ima nekoliko megabajta i širinu od 4000 piksela ili više. Na mobitelu se prikazuje u širini od oko 400 piksela. Gost dakle učitava višestruko više nego što vidi. Na početnoj stranici s naslovnom fotografijom, galerijom i fotografijama tima to se brzo zbroji u količinu podataka koja se u mobilnoj mreži osjetno dugo učitava.
Obrežite
Prije prijenosa smanjite fotografije na veličinu u kojoj se prikazuju. Za veliku naslovnu fotografiju obično je dovoljno oko 2000 piksela širine, za slike u galeriji znatno manje.
Moderan format
Umjesto JPEG-a ili PNG-a koristite WebP ili AVIF. Prema Googleu, WebP slike obično su otprilike 25 do 35 posto manje od usporedivih JPEG i PNG datoteka.
Komprimirajte
Programom za slike ili besplatnim alatom na internetu smanjujte kvalitetu dok na zaslonu više ne vidite razliku.
Isporučite više veličina
Dobri sustavi za web stranice automatski izrađuju manje verzije za mobitele i veće za velike zaslone. Pitajte može li to vaš sustav.
Kasnije učitajte ono što je dolje
Slike niže na stranici učitavajte tek kada gost dođe do njih (lazy loading). Naslovnu fotografiju na samom vrhu, naprotiv, učitajte odmah, inače trpi LCP.
Svakoj slici u kodu stranice zadajte i fiksnu širinu i visinu, kako bi prostor bio rezerviran prije učitavanja i ništa se ne bi pomicalo. Kako uopće doći do dobrih fotografija, čak i mobitelom, pokazuje vodič o fotografiranju hrane.
PDF jelovnici: spori i nepraktični
Mnogi lokali na web stranicu postave tiskani jelovnik kao PDF. To je brzo gotovo, ali za goste na mobitelu često je najlošije rješenje. PDF s fotografijama i ugrađenim fontovima može imati nekoliko megabajta, ovisno o mobitelu otvara se u zasebnoj aplikaciji ili se preuzima, a tekst je bez zumiranja jedva čitljiv. Tko u hodu samo želi brzo provjeriti ima li vegetarijanskih jela, tu često odustane.
| PDF jelovnik | Jelovnik kao tekst na web stranici | |
|---|---|---|
| Učitavanje na mobitelu | Često sporo, posebno s fotografijama | Brzo, učitava se sa stranicom |
| Čitljivost | Potrebno zumiranje i povlačenje | Prilagođava se zaslonu |
| Google i AI asistenti | Sadržaj je teško obradiv | Jela i pojmovi lako se pronalaze |
| Pristupačnost | Za čitače zaslona često teško | Dobro pristupačno ako je uredno izrađeno |
| Izmjene | Izraditi i prenijeti novu datoteku | Jedno jelo ili cijenu promijeniti izravno |
Jelovnik kao tekst brži je, čitljiviji i vidljiv na Googleu. Kako ga izraditi i održavati, piše u vodiču o digitalnom jelovniku. Ako dodatno želite ponuditi verziju spremnu za tisak za proslave ili catering, povežite PDF kao dodatak, a ne kao jedini jelovnik. Za stolove alatom QR kod za jelovnik izradite stalak koji vodi izravno na tekstualni jelovnik.
Balast u graditeljima stranica i predlošcima
Graditelji stranica i gotovi predlošci praktični su, ali često donose mnogo koda koji vašoj stranici uopće ne treba. Svaka dodatna funkcija učitava vlastite skripte, fontove i stilove, čak i ako se koristi samo na jednoj podstranici. Na brzom uredskom računalu to se jedva primijeti, na jeftinom mobitelu u mobilnoj mreži itekako. Tipične kočnice na ugostiteljskim stranicama:
- Slideri slika i videozapisi u pozadini na početnoj stranici: nekoliko velikih datoteka prije nego što gost išta može pročitati.
- Ugrađeni feedovi s Instagrama ili Facebooka: učitavaju tuđe skripte i često desetke slika. Poveznica na vaš profil je brža.
- Ugrađene karte: interaktivna karta učitana odmah oduzima vrijeme. Slika karte s poveznicom na planiranje rute uglavnom je dovoljna.
- Mnogo dodataka i widgeta: prozori za chat, widgeti za recenzije, vremenska prognoza, skočni prozori za newsletter ili poklon-bonove.
- Više fontova u mnogo debljina, svaki učitan s tuđeg poslužitelja.
- Skripte za praćenje i oglašavanje: svaka usluga usporava i često traži i stavku u kolačić-banneru. Razmislite koje brojke vam doista trebaju; više u vodiču o statistici web stranice.
Ovako je ispravno
- Jedna snažna, dobro komprimirana naslovna fotografija umjesto slidera
- Poveznica na Instagram umjesto ugrađenog feeda
- Jedan do dva fonta, po mogućnosti s vlastitog poslužitelja
- Zadržati samo dodatke koje gosti stvarno koriste
- Hosting s poslužiteljima blizu vaših gostiju i predmemorijom
Radije ne
- Video s automatskom reprodukcijom kao pozadina početne stranice
- Prenositi fotografije izravno s aparata
- Jelovnik samo kao PDF ili fotografija
- Skočni prozor pri prvom posjetu koji prekriva sadržaj
- Skripte usluga koje više nitko ne koristi
Neke se kočnice u graditelju stranica ne mogu isključiti jer su dio platforme. Tada preostaje samo držati stranicu vitkom ili promijeniti sustav. Koje mogućnosti postoje i koliko koštaju, uspoređuje vodič Koliko košta web stranica restorana?.
Kako web stranica ostaje trajno brza
Web stranica rijetko postane spora odjednom, nego korak po korak: ovdje nova fotografija u punoj veličini, ondje widget za akciju koja je davno završila. Zato dvaput godišnje planirajte kratku provjeru, primjerice prije ljetne sezone i prije božićnog razdoblja, kada posebno mnogo gostiju traži prostor za proslave i poklon-bonove.
Popis za brzu ugostiteljsku web stranicu
- PageSpeed Insights provjeren za početnu stranicu, jelovnik i rezervacije, u prikazu za mobitele
- LCP do 2,5 sekunde, INP do 200 milisekundi, CLS do 0,1
- Sve fotografije obrezane, komprimirane i spremljene kao WebP ili AVIF
- Slike s fiksnom veličinom, niže na stranici s lazy loadingom
- Jelovnik kao tekst, PDF najviše kao dodatak
- Bez slidera i bez videa s automatskom reprodukcijom na početnoj stranici
- Bez ugrađenih feedova društvenih mreža, umjesto njih poveznice
- Uklonjeni nekorišteni dodaci, widgeti i skripte za praćenje
- Radno vrijeme, telefon i gumb za rezervaciju vidljivi na mobitelu bez pomicanja
- Vlastiti test na mobitelu u mobilnoj mreži
Kod Meine-Gastro-Website brzina je dio temelja: fotografije se automatski isporučuju u odgovarajućim veličinama i modernim formatima, jelovnik je na stranici kao tekst i ne učitavaju se nepotrebne skripte. Kako bi to moglo izgledati za vaš lokal, pogledajte u našim primjerima web stranica ili odmah u besplatnom pregledu.
Vaša brza web stranica u pregledu
Besplatno pogledajte kako bi mogla izgledati vaša ugostiteljska web stranica: brza na mobitelu, s jelovnikom kao tekstom i gumbom za rezervaciju.
Besplatan pregled vaše ugostiteljske web-stranice, koji oblikujemo mi.
