Restaurang · Ljungby · Webbplats

Gästgivaregården: dagens lunch på första skärmen.

Gästgivaregården är restaurangen vid Gamla Torg i Ljungby, känd för småländsk husmanskost. Varje vecka gjorde Christian Hallberg själv en ny meny i PowerPoint och lade upp den på sajten som en bild – för att gästerna alltid skulle se rätt lunch. Hösten 2026 byggde vi en ny webbplats där han i stället ändrar allt direkt i mobilen.

Efter: Gästgivaregårdens nya webbplats i en datorskärm och i en mobil, med restaurangen vid Gamla Torg i bannerfilmen. — Dra i reglaget för att jämföra. Den gamla webbplatsen till vänster, den nya till höger – i samma dator och mobil.

Före: Den gamla webbplatsen i samma dator och mobil: logotyper, menyrad och stora affischer som bilder, med veckans lunch som en bild i en smal spalt. — Dra i reglaget för att jämföra. Den gamla webbplatsen till vänster, den nya till höger – i samma dator och mobil.

Det vi såg direkt

Varför sekunderna spelar roll.

Det första vi gjorde var att mäta den gamla sajten. I mobilen tog det 22,6 sekunder innan det största innehållet syntes. Christian visste inte om det – för oss syntes det i första mätningen.

Hjärnan uppfattar ungefär en sekunds väntan som en del av flödet. Längre än så märker besökaren att hon väntar, och efter runt tio sekunder börjar hon göra något annat. En mobil som visar dagens lunch efter 22 sekunder har alltså tappat de flesta på vägen.

Felet satt i bilderna. Den gamla sajten skickade stora affischbilder till alla skärmar. Den nya skickar text som text och bilder i den storlek varje skärm behöver – och svarar på 1,2 sekunder.

22,6 s

gamla sajten i mobilen

1,2 s

nya sajten i mobilen

Ungefär så länge väntar en besökare.

Berättelsen

Från PowerPoint till mobilen.

Så blev en veckosyssla vid datorn till några rader i telefonen – i 9 steg, med bilder från den gamla och den nya sajten.

01 / 09Före

Varje vecka: en meny i PowerPoint

Lunchen på Gästgivaregården byts varje vecka, och Christian vill att gästerna alltid ska se rätt meny. Men en restaurang har inte råd att betala en webbyrå för varje ändring. Så Christian löste det själv. Varje vecka öppnade han PowerPoint, gjorde menyn, sparade den som en bild och laddade upp den på sajten. Ingen gäst såg det arbetet – men det var därför sajten alltid var uppdaterad.

Varje vecka

Den gamla lunchmenyn för vecka 44: en bild med vit text på svart tavla, solrosor och handskriven text längs kanterna. — Lunchmenyn som bild, vecka 44

02 / 09Före

Priset för slitet

Lösningen höll sajten aktuell, men den kostade. Alla bilder gjorde sajten tung: i mobilen tog det 22,6 sekunder innan det största innehållet syntes. Och eftersom menyerna var bilder kunde Google inte läsa dem. Christian lade alltså tid varje vecka på en meny som sökmotorerna inte såg. Sajten hade också vuxit till ett 45-tal sidor, och i mobilen tog det tid att hitta dagens lunch.

22,6 s i mobilen

Den gamla webbplatsen i en mobil: hela datorsidan krympt, med små affischer och liten text. — Den gamla sajten i mobilen

03 / 09Idén

Förslaget

Förslaget skickade vi som en kort film, och sedan en klickbar demo av den nya designen: vit bakgrund, vinrött och guld, byggd för mobilen först. Restaurangen godkände designen i slutet av oktober 2026, och samma vecka filmade vi på plats till bannerfilmen.

Godkänd i oktober

Den nya webbplatsen i datorn: bannerfilm över restaurangen vid Gamla Torg och rubriken Vällagad vardagslyx. — Den nya startsidan med bannerfilmen

04 / 09Efter

Dagens lunch först

Den som öppnar sajten i mobilen ser dagens lunch, priset och om restaurangen har öppet – utan att scrolla. Veckans lunch visas dag för dag, lördagslunchen har egna rätter och eget pris, och en fast list längst ner leder till lunchen, telefonen och vägbeskrivningen.

Utan att scrolla

Den nya startsidan i mobilen: dagens lunch på onsdagen med pris, Öppet nu och en list med Lunch, Ring och Hitta hit. — Dagens lunch på första skärmen

Lördagslunchen i mobilen med egna rätter, serveringstid och pris. — Lördagslunchen, med eget pris

05 / 09Efter

Tre knappar under tummen

I mobilen ligger en fast list längst ner på varje sida: Lunch, Ring och Hitta hit. Den följer med när besökaren scrollar, så de tre viktigaste svaren aldrig är mer än ett tryck bort – vilken sida hon än råkar vara på.

Placeringen bygger på hur vi håller telefonen. De flesta styr med tummen, ofta med en hand, och tummen når lättast den nedre delen av skärmen. En knapp där kräver inget nytt grepp om telefonen. Fitts lag säger samma sak med fysik: ju större och närmare ett mål är, desto snabbare och säkrare träffar vi det. Därför är knapparna breda och sitter där tummen redan vilar.

Antalet är också valt med avsikt. Hicks lag beskriver att varje extra val gör beslutet lite långsammare. Tre val ser man på en blick, och de svarar på just de frågor en hungrig gäst har på väg till lunch: vad serveras i dag, hur bokar jag och hur hittar jag dit.

Ring har en egen färg. Ögat dras till det som skiljer sig från omgivningen – det kallas isoleringseffekten – så besökaren hittar telefonknappen utan att leta. För en restaurang är samtalet ofta sista steget före ett bord eller en beställning. Varje steg och varje sekund av letande är ett tillfälle att ge upp. Ju färre de är, desto fler ringer.

Listen syns hela tiden, men den är låg och lugn i färgen, så den tar inte över sidan. Den är en genväg, inte en reklamskylt.

Ett tryck bort

06 / 09Efter

Nu räcker mobilen

I dag skriver Christian in veckans lunch direkt i Synas Panel, från mobilen eller datorn. Ingen PowerPoint, ingen bild att exportera och inget samtal till någon. Menyn blir riktig text på sajten, så Google kan läsa den och ta med den i sökningen – precis som vi lovade i förslaget. Christian kan dessutom lägga in menyerna flera veckor framåt, utan oro för att glömma att uppdatera sajten. Varje vecka får en tid när den ska börja gälla, och sajten visar själv rätt meny i rätt tid. På samma sätt ändrar restaurangen själv lördagslunchen, öppettiderna, personalen med namn och bild, menyerna, evenemangen och betygen.

Ingen PowerPoint

Synas Panel i mobilen: listan Veckomenyer med vecka 45 publicerad och vecka 46, 47 och 48 schemalagda till måndagar klockan 06.00. — Synas Panel: veckorna ligger i kö

Veckans lunch i mobilen: måndagens dagens rätt och alternativ som vanlig text. — Så visas veckan på sajten

07 / 09Före och efter

Text i stället för bild

Samma meny, två sätt. Förr var julens smörrebröd en affisch, och för Google var den bara en bild. Nu är menyn riktig text: varje rätt och priset går att läsa, söka på och förstora. Sajten berättar också för sökmotorerna att det är en restaurang med en meny, och de gamla adresserna leder vidare till rätt nya sida.

Google kan läsa

Den gamla affischen för julens smörrebröd: tomte, julbord och text i bilden. — Förr: affisch som bild

Den nya sidan för julens smörrebröd i mobilen: rätterna och priset 295 kr som text. — Nu: menyn som text

08 / 09Efter

Lätt, och utan kakor

Typsnitt, bilder och film ligger på restaurangens egen domän och skickas i rätt storlek till varje skärm. Sajten använder inga kakor och behöver därför ingen kakbanner, och Google Maps laddas först när besökaren klickar på kartan. Betygen från Tripadvisor och Google visas som text med länk till källan.

Ingen kakbanner

09 / 09Efter

Restaurangen i media

Efter lanseringen har vi byggt till sidan »I media«. Där lägger restaurangen själv upp artiklar och inslag om sig – senast reportaget inför Gästgivaregårdens 15-årsjubileum.

Lägger upp själv

Sidan I media i mobilen med en artikel från Ljungby.nu om Christian och Marielle som firar 15 år. — Sidan I media

Kunden om oss

»Han tar foto på oss, han gör filmer och han gör allting som jag vill att han ska skapa.«
Christian HallbergGästgivaregården, i sin kundfilm

Christian Hallberg i kockjacka framför kameran.

Före och efter

Samma test, två webbplatser.

Vi mätte den gamla webbplatsen med Google PageSpeed Insights den 1 november 2026 och den nya den 3 november 2026. Samma verktyg, samma inställningar.

22,6 s → 1,2 s

tills det största innehållet syns i mobilen – nästan 19 gånger snabbare

−80 %

mindre data att ladda i mobilen

100

av 100 i alla fyra kategorier, i både mobil och dator

Staplarna för mobil och dator har samma skala, så de kan jämföras rakt av. Kortare är bättre.

Mobil

Emulerad Moto G Power på långsam 4G

Prestanda55100
Tillgänglighet85100
Bästa metoder73100
SEO83100

Första innehållet syns FCP

Före 9,9 s

Efter 1,0 s

Största innehållet syns LCP

Före 22,6 s

Efter 1,2 s

Sidan ser färdig ut Speed Index

Före 9,9 s

Efter 1,0 s

Sidan låst för klick TBT

Före 90 ms

Efter 0 ms

Data som laddas

Före 17,8 MB

Efter 3,6 MB · −80 %

Layoutskift (CLS): 0 före och 0,006 efter – båda långt under Googles gräns 0,1.

Dator

Emulerad dator

Prestanda66100
Tillgänglighet85100
Bästa metoder73100
SEO83100

Första innehållet syns FCP

Före 0,3 s

Efter 0,3 s

Största innehållet syns LCP

Före 3,4 s

Efter 0,4 s

Sidan ser färdig ut Speed Index

Före 1,6 s

Efter 0,4 s

Sidan låst för klick TBT

Före 310 ms

Efter 0 ms

Data som laddas

Före 8,0 MB

Efter 6,6 MB · −18 %

Layoutskift (CLS): 0 före och 0,007 efter – båda långt under Googles gräns 0,1.

Vad betyder det för miljön?

Mindre data är mindre el – och mindre koldioxid.

Varje megabyte som skickas drar el i serverhallen, i nätet och i mobilen. När sajten blev lättare minskade också utsläppen per besök.

2,6 g → 0,5 g

koldioxid per besök i mobilen

16 meter

bilkörning sparas vid varje mobilbesök

163 km

bilkörning sparas per 10 000 mobilbesök

Den sparade koldioxiden, räknad som bilkörning

163 km

Så långt kör en ny bensinbil på den koldioxid som sparas per 10 000 mobilbesök – nästan hela vägen från Ljungby till Lund, som är cirka 174 km.

Uppskattning med Sustainable Web Design Model v4: 0,300 kWh per GB och världens genomsnittliga elmix, 494 g CO₂e per kWh. Bil: nya bensinbilar i Sverige 2025, 129,6 g per km (Transportstyrelsen, WLTP). Räknat på ett första besök utan cache. Svensk el är renare än världssnittet, så besparingen i Sverige är mindre – men data som inte skickas drar ingen el alls.

Labbmätningar i PageSpeed Insights (Lighthouse 13.6). Mobil: emulerad Moto G Power på långsam 4G. Data från verkliga besökare samlas av Chrome under 28 dagar och hade inte hunnit uppdateras när de nya testen gjordes.

Fakta

Klient: Gästgivaregården Ljungby
Ort: Ljungby
Uppdrag: Webbplats, kontrollpanel och bannerfilm
Design & kod: Synas Media AB
Lansering: November 2026
Webbplats: gastgivaregarden.org

Relaterat

Vill ni också uppdatera sajten själva?

Vi bygger snabba webbplatser med kontrollpanel – och filmen och bilderna till dem.

Begär offert → Fler produktioner