Vad som faktiskt spelar roll för en webbplats (och varför snabba vinner)

Det är lätt att anta att en webbplats behöver se imponerande ut för att fungera bra. I praktiken ser sajterna som faktiskt gör sitt jobb — får någon att förstå vad du erbjuder, och sedan göra något åt det — oftast enkla ut bredvid dem som är fullproppade med animationer och videobakgrunder. Det som faktiskt spelar roll är kortare än det verkar, och hastighet visar sig vara det mesta av det.

Vad som genuint förtjänar sin plats

• Ett tydligt svar, omedelbart. En besökare bestämmer sig för om hen ska fortsätta läsa inom några sekunder — vad du gör, och om det är för dem, måste vara uppenbart utan att scrolla.
• Den fungerar på en telefon, ordentligt. De flesta besök på de flesta småföretags webbplatser sker från en telefon, inte en laptop — en sajt som bara fungerar riktigt bra på en bred skärm sviker de flesta som når den.
• Ett tydligt sätt att agera. Ring, köp, boka, kontakta — välj den enda saken du faktiskt vill att en besökare ska göra, och gör den omöjlig att missa. En sida som erbjuder fem lika högljudda val får oftast inget av dem utfört.
• Den laddar innan någon ger upp. Allt annat på den här listan är bortkastat om sidan inte redan syns när en besökare bestämmer sig för att lämna.

Varför hastighet spelar så stor roll

En långsam sajt känns inte bara sämre — den förlorar mätbart besökare innan de ser något alls, och sökmotorer väger in verklig laddningshastighet direkt i rankningen, under det Google kallar Core Web Vitals. Ingetdera är en mindre detalj: det ena påverkar om någon som hittat din sajt stannar kvar på den, det andra påverkar om de hittar den överhuvudtaget.

Det frustrerande är att långsamma webbplatser sällan är långsamma av en bra anledning. De vanliga bovarna är undvikbara, inte nödvändiga:

• Bilder anpassade för en kamera, inte en skärm. Ett foto som är 4000 pixlar brett men visas i 400 pixlar är 10 gånger mer data än webbläsaren någonsin faktiskt kommer visa — den enskilt vanligaste källan till en långsam sida, och den enklaste att fixa.
• JavaScript som sidan inte behövde köra. Ett stort ramverk som laddas ner och tolkas bara för att rendera lite text och en knapp kostar riktig, mätbar tid — innan en besökare ser ett enda ord.
• Tredjepartsskript som ingen håller koll på. Trackers, chattwidgetar och inbäddningar från andra håll lägger var och en till sin egen rundresa, och var och en kan vara en webbplats hastighet som tyst blir sämre över tid när fler läggs till och inga tas bort.

Hur sajten du läser detta på faktiskt är byggd

Eftersom det här är precis frågan den här artikeln handlar om känns det rimligt att säga rakt ut hur webakis egna sidor är uppbyggda — för det är samma tre idéer som ovan, bara tillämpade istället för bara beskrivna.

• Varje sida sätts samman till ett komplett, självständigt dokument i förväg, istället för ett skal som sedan ber webbläsaren hämta och sätta ihop flera fler delar innan det finns något att visa.
• Varje bild på den här sajten ändras i storlek och komprimeras specifikt för den exakta storlek den någonsin faktiskt visas i — de tre illustrationerna på vår startsida är till exempel en tiondel av storleken de började som, utan synlig skillnad i den storlek någon faktiskt ser dem.
• Det finns inget stort front-end-ramverk som körs i bakgrunden och gör arbete en besökare aldrig märker annat än i form av en sida som tar längre tid att kännas klar.

Inget av det är ett smart trick — det är mest frånvaron av saker som inte behövde vara där från början, vilket är ett genuint tråkigt svar, och också det ärliga.

Vad du faktiskt bör kontrollera på din egen sajt

Om du tittar på en befintlig sajt och undrar var du ska börja: öppna den på en telefon, på en vanlig uppkoppling, och ta tid på hur länge det dröjer innan du faktiskt kan läsa huvudrubriken. Om det känns långsamt för dig är det långsamt för varje besökare som inte redan känner till och litar på företaget bakom den tillräckligt för att vänta.

Vår webbplatsbyggare är byggd kring precis detta — en snabb, fungerande enkelsidig sajt direkt från start, utan ett ramverk att konfigurera eller ett plugin att leta efter.