Låt mig börja med att hälsa dig välkommen till vår nya webbplats och vad kul att du hittat hit!
Den tekniska utvecklingen går snabbt och efter par år var det dags att lämna vår förra sida i det förflutna. Under den tiden har teknikutveckligen gått snabbt! SPA, PWA, HSTS, CSP... Förkortningarna är många och förvirringen stor när det kommer till vad som krävs för dagens webbsidor. Detta tänkte jag försöka råda bot på genom att beskriva arbetet bakom vår nya hemsida.
Det är väl inte så svårt att göra en hemsida?
Nej, det är det inte. Men vi ville göra mer än så. Vi vill visa upp oss själva och vad som är möjligt att göra idag. Därför ställde vi ett antal tillsynes enkla krav på sidan:
- Mobilanpassad! Självklart, eller hur? En majoritet av trafiken kommer från mobila enheter.
- Sökmotoroptimering! Vi ska göra vad vi kan för att underlätta för sökmotorer att hitta oss och sociala medier att sprida vårt innehåll.
- Snabb! Vi älskar att optimera. Därför måste laddtiderna och storleken hållas nere.
- Enkel att uppdatera! Oavsett hur komplicerad sidan blir måste den vara lätt att uppdatera och enkelt att skapa nytt innehåll.
- Flerspråkig! Vi ska kunna lägga till fler språk allt eftersom.
- Säker! Cryptomining, MITM, säkerhetshål... Farorna är många på nätet. Hur ser vi till att sidan förblir säker och under vår kontroll?
- Tillgänglig för alla! Något som många glömmer bort är bra stöd för skärmläsare. Blinda och synskadade ska också kunna ta del av innehållet.
- Hög tillgänglighet! Sidan ska alltid vara tillgänglig, oavsett större störningar eller trafikbelastning.
- Håll kostnaden nere! Kan vi lyckas med ovanstående utan att kostnaderna skjuter i höjden?
Hur mäter vi målen?
För att se till att vi uppfyller målen behövde vi omvandla dessa till mätbara siffror i den mån det är möjligt.
- Förstasidan får inte vara mer än 500kB totalt (inklusive bilder, typsnitt, osv).
- Sidan bör vara "redo" inom 500ms.
- En score på minst 95 inom alla kategorier i Lighthouse.
- Minst betyget A på Qualys SSL Labs test.
- Det går att hitta webbhotell för så lite som 20kr i månaden. Kan vi komma undan billigare än så?
Hur skiljer sig detta mot andra sidor på nätet? Vi återkommer med den analysen inom kort.
Översikt
CMS
Ramverk
Hosting
S3
CloudFront
SSL/TLS - HSTS
gzip
CSP
Optimering
Cache
Oönskad CSS