NyheterSantoso Foto | VideoKontakt

Den nya hemsidan

Samma bilder och samma texter, men snabbare och med en egen plats för nyheter. Så är hemsidan byggd.

2 min läsning

Hemsidan är ombyggd från grunden. Färgerna, bilderna och texterna är i stort sett desamma som förut, men allt under ytan är nytt. Den har också fått en plats för nyheter, där jag skriver om uppdrag, om hur jag arbetar och om sådant jag ofta får frågor om.

Färdiga sidor från början

Hemsidan är byggd i Astro, ett ramverk som gör färdiga HTML-sidor redan innan någon besöker dem. När du klickar dig hit finns sidan alltså redan och den skickas från servrar runt om i världen. Ingenting behöver räknas ut medan du väntar.

Den förra versionen var en React-app. Webbläsaren fick först ladda ner ett helt ramverk och sedan bygga upp sidan själv. Nu skickar startsidan ungefär 3 kB egen JavaScript, för de få saker som faktiskt behöver det.

Bilderna

Bilderna är det tyngsta på en fotografs hemsida. Varje bild skalas om i flera storlekar när hemsidan byggs. Din webbläsare hämtar den storlek skärmen behöver. Miniatyrerna i galleriet är 400 eller 800 pixlar breda. Den stora versionen hämtas först när du klickar upp en bild. Originalen från kameran, drygt 90 MB bara för galleriet, lämnar aldrig servern.

Typsnitt, filmer och kakor

Typsnitten ligger på samma server som hemsidan och börjar laddas direkt. Ingenting hämtas från Google innan du har svarat på frågan om kakor. Filmerna ligger på YouTube, men YouTube kontaktas först när du öppnar en film; miniatyrbilderna ligger här.

Filer som inte ändras sparas i din webbläsare i ett år, så nästa besök går ännu fortare.

Lätt att hålla uppdaterad

Texterna skriver jag direkt på hemsidan, i ett eget redigeringsverktyg. Jag sparar ett utkast, förhandsgranskar det och trycker Publicera. En halv minut senare ligger texten ute. Gamla adresser leder fortfarande rätt, så inga länkar slutar fungera.

Vill du ha en egen?

Vill du också ha en helt skräddarsydd hemsida med dina egna bilder? Hör av dig. Priset är en bråkdel av vad det kostade för ett eller två år sedan.

Läs vidare

Alla texter →