Det här lär du dig
En sidladdning under 300 millisekunder är ingen slump – den är summan av medvetna tekniska val på varje nivå.
Static first-arkitektur tar bort databasen, server-renderingen och plugin-kedjorna från varje sidvisning. Servern levererar bara färdiga filer.
Bilder står ofta för 60–70 procent av en sidas vikt. Moderna format, srcset, lazy loading och rätt komprimering gör störst skillnad.
Funktioner läggs till efter behov – inte som bonus från ett färdigt system. Det är den största anledningen till att sajten förblir snabb över tid.
Hastighet på webben är ofta missförstått. Många tror att en snabb webbplats kommer av en dyrare server eller ett bättre CDN. I praktiken är det summan av tekniska val som avgör om sidan laddar på 300 millisekunder eller tre sekunder. Vi bygger varje webbplats utifrån en metod vi kallar static first, och resultatet är konsekvent snabba sidor. Här går vi igenom hur det fungerar.
Vad hastighet egentligen handlar om
Hastighet är inte en enskild parameter. Det är hur snabbt servern kan svara, hur stor sidan är, hur mycket arbete webbläsaren behöver göra innan något syns och hur många externa resurser som måste laddas. Varje millisekund kommer från ett konkret beslut.
När vi pratar om sidor under 300 millisekunder menar vi tiden från att webbläsaren skickar sin första förfrågan till att innehållet är synligt för användaren. Det kräver att samtliga led i kedjan är optimerade. Ett enda svagt steg räcker för att förstöra resultatet.
Static first som grund
Vår metod utgår från en princip: börja statiskt, bygg ut med funktion endast när det finns ett tydligt behov. En statisk webbplats består av färdigbyggda HTML-, CSS- och JavaScript-filer. Det finns inget databasanrop som ska ske vid varje besök, ingen kod som ska tolkas på servern och ingen mall som ska sättas ihop i realtid.
Resultatet är en webbplats som servern kan leverera direkt. Det enda som händer när någon öppnar sidan är att en fil skickas. Inget mer. Du kan läsa mer om varför vi börjar varje projekt så här i artikeln "Varför vi startar varje webbprojekt med en statisk grund".
Varför ingen databas gör skillnad
En traditionell webbplats med exempelvis WordPress gör flera databasförfrågningar för varje sidvisning. Servern måste hämta innehåll, mallar, plugindata och inställningar. Allt detta tar tid, även när det är optimerat.
En statisk webbplats har redan all information bakad in i de färdiga filerna. När innehåll uppdateras genereras nya filer. Besökaren möter aldrig en levande databas. Den kostnaden flyttas från varje besök till en enda byggprocess.
Många webbplatser behöver inte en databas alls. En företagspresentation, en portfölj eller en produktkatalog som uppdateras några gånger i månaden fungerar bättre statiskt. Vi fångar upp det tidigt i projekten och ersätter tunga CMS-lösningar med enklare arkitektur när det är rätt val.
Hur vi optimerar bilder
Bilder är ofta den största delen av en sidas vikt. På de flesta webbplatser står bilder för 60 till 70 procent av all data som laddas. Om bilderna är fel hanterade blir hela sidan långsam, oavsett hur välbyggt resten är.
Vi konverterar bilder till moderna format som WebP och AVIF. Dessa format ger samma visuella kvalitet som JPEG eller PNG men med ungefär hälften så stor filstorlek.
Vi levererar olika bildstorlekar beroende på enhet. En mobiltelefon ska aldrig ladda en bild som är dimensionerad för en stor skärm. Med srcset och sizes låter vi webbläsaren välja rätt variant automatiskt.
Vi använder lazy loading, vilket innebär att bilder hämtas först när de närmar sig synfältet. En bild långt ned på sidan blockerar aldrig den första visningen.
Slutligen komprimerar vi bilder utan att förlora synlig kvalitet. En produktbild som väger 2 MB i originalformat kan ofta levereras under 100 KB utan att besökaren märker någon skillnad.
Vad som faktiskt gör en server snabb
En snabb server är inte alltid en dyr server. Det viktigaste är var servern står, hur den är konfigurerad och vad den behöver göra för varje besök.
En statisk webbplats ställer minimala krav på serverns processor. Det enda som behövs är att leverera filer. Därför kan även en enkel server hantera stora trafikmängder utan att bli långsam.
Vi placerar webbplatser på servrar nära besökarna eller använder ett CDN som distribuerar filerna globalt. När innehållet ligger fysiskt nära användaren minskar latensen, och de första millisekunderna sparar man på själva avståndet ljuset behöver färdas.
Vi använder modern HTTP, exempelvis HTTP/2 eller HTTP/3, vilket gör att flera filer kan laddas parallellt över samma anslutning. Cache-headers konfigureras så att återkommande besökare laddar nästan ingenting alls vid sina nästa besök.
Vill du ha en webbplats byggd på rätt sätt från början?
Vi designar och utvecklar skräddarsydda webbplatser där varje teknisk detalj är ett medvetet val – inte en slump.
Funktioner läggs till efter behov
Många webbplatser bär på funktionalitet som aldrig används. Ett bokningssystem som ingen bokar via, en chatt som ingen skriver i, ett kommentarsfält som står tomt. Varje sådan funktion innebär extra kod, extra anrop och extra tyngd.
Vi börjar alltid från en minimal grund. Sedan lägger vi till exakt det kunden behöver, och inget mer. Behövs ett kontaktformulär, lägger vi till ett kontaktformulär. Behövs en bokning, integrerar vi en bokningstjänst. Behövs sökfunktion på en stor sida, bygger vi den på ett sätt som inte kräver en databas i botten.
Resultatet är en webbplats som gör precis det den ska göra, varken mer eller mindre. Det är en av anledningarna till att våra sidor förblir snabba över tid. De växer inte i tyngd när nya funktioner tillkommer, eftersom varje funktion är ett medvetet tillägg snarare än en bonus från ett färdigt system.
Hastighet är ett resultat av metod
En webbplats som laddar under 300 millisekunder är ingen slump. Den är resultatet av medvetna val på varje nivå. Statisk grund. Optimerade bilder. Rätt server. Endast nödvändiga funktioner.
Det kräver mer tankearbete i början, och betydligt mindre underhåll efteråt. En statisk webbplats kräver inga säkerhetsuppdateringar för plugins som inte finns. Den kraschar inte under trafiktoppar. Den kostar mindre att driva eftersom den inte behöver kraftiga servrar för att hantera vanliga besök.
Hållbar webbutveckling och hög prestanda går hand i hand. Mindre kod betyder mindre energiförbrukning, en snabbare upplevelse för besökaren och en webbplats som åldras väl utan att bli en teknisk skuld.
Vill du veta hur en static first-metod skulle fungera för just din webbplats? Vi resonerar gärna kring vad som passar er verksamhet, oavsett om det handlar om en helt ny sida eller en befintlig som behöver bli snabbare. Hör av er när det passar.
Michael Andersen
Medgrundare & Webbutvecklare
Michael bygger hållbara webbplatser och skriver om skärningspunkten mellan webbutveckling och miljöpåverkan.
