När du öppnar en webbplats dyker sidan upp nästan direkt. Det du ser är resultatet av en kedja av steg som sker i bakgrunden innan ett enda ord når din skärm. Om du förstår hur webbplatser fungerar bakom kulisserna är det lättare att felsöka, fatta bättre beslut om hosting och prestanda och prata tydligt med utvecklare eller support när något går fel.
En webbplats är inte en enda fil på en dator. Den är en samling filer, databaser och tjänster som arbetar tillsammans för att leverera innehåll till besökare. Varje sidladdning innebär en förfrågan från webbläsaren, ett svar från en server och en renderingsprocess som förvandlar kod till den sida du interagerar med. För en grundläggande översikt över vad en webbplats egentligen är kan du läsa artikeln om vad en webbplats är.
Vad händer när du skriver en webbadress?
Processen börjar i samma stund som en besökare skriver en URL eller klickar på en länk. Flera system samarbetar för att hitta rätt server och hämta rätt sida.
Domänuppslag
Webbläsaren översätter först domännamnet till en numerisk IP-adress via Domain Name System (DNS). Uppslaget talar om för webbläsaren vilken server på internet som har webbplatsens filer. Utan det steget skulle besökare behöva komma ihåg IP-adresser i stället för läsbara domännamn.
Serverförfrågan
När servern är hittad skickar webbläsaren en HTTP-förfrågan om en viss sida eller resurs. Servern tar emot förfrågan, behandlar den och förbereder ett svar. Svaret innehåller oftast HTML-kod tillsammans med instruktioner om att ladda fler filer, till exempel formatmallar, skript och bilder.
Databasfrågor
Många moderna webbplatser lagrar innehåll i en databas i stället för i statiska filer. När en sida efterfrågas kan servern fråga databasen efter text, bilder, produktlistor eller blogginlägg. Servern sätter sedan ihop datan till HTML innan den skickar tillbaka den till webbläsaren. Det här steget är en av de främsta orsakerna till att två sidor på samma webbplats kan dela layout men visa olika innehåll.
Hur förvandlar webbläsaren kod till en sida?
Att ta emot HTML är bara början. Webbläsaren måste tolka koden och bygga en användbar sida av den. Artikeln om hur en webbläsare laddar en webbplats går igenom processen i detalj, men de viktigaste stegen är värda att känna till redan här.
Tolka HTML och bygga DOM
Webbläsaren läser HTML och bygger en Document Object Model (DOM), en strukturerad bild av varje element på sidan. Rubriker, stycken, bilder och länkar blir noder i det här trädet. DOM är grunden som webbläsaren använder för att visa sidan och låta dig interagera med den.
Rendera den synliga sidan
Formatmallar styr layout och utseende. JavaScript lägger till interaktivitet. När webbläsaren har tillräckligt med information ritar den upp sidan på skärmen. Hela förloppet från förfrågan till interaktiv sida tar vanligtvis en till tre sekunder på en väloptimerad webbplats.
Så hanterar WEMASY den tekniska stacken
WEMASY sköter hela stacken bakom din webbplats, så du slipper konfigurera servrar, databaser eller cachning manuellt. Hosting, säkerhetscertifikat och prestandaoptimeringar ingår i plattformen. Sidor som byggs i WEMASYs webbplatsbyggare levereras via infrastruktur som är gjord för snabba svarstider och pålitlig drifttid. Innehållsändringar i redigeraren syns på den publicerade webbplatsen utan några tekniska driftsättningssteg.
Se vad som ingår i WEMASYs webbplatsbyggare eller jämför planer på prissidan.
Vanliga frågor
Vad händer när någon besöker min webbplats?
Webbläsaren slår upp din domän för att hitta din server, skickar en förfrågan om sidan, och servern svarar med HTML och tillhörande filer. Webbläsaren tolkar sedan koden, laddar formatmallar och skript och renderar sidan på skärmen. Med WEMASYs webbplatsbyggare kan du ställa in det här direkt på din webbplats.
Behöver jag förstå hur webbplatser fungerar för att driva en?
Nej. De flesta företagare sköter innehåll och design utan att kunna serverdetaljer. Grundkunskaper hjälper när du felsöker långsamma sidor, driftstopp eller trasiga funktioner. En hanterad plattform som WEMASY sköter den tekniska infrastrukturen så att du kan fokusera på innehåll och design.
Vad är skillnaden mellan frontend och backend?
Frontend är allt som besökaren ser och interagerar med i webbläsaren: layout, text, bilder och knappar. Backend är allt som sker på servern: lagring av data, hantering av formulär, databasfrågor och hopsättning av sidor innan de skickas. Båda lagren måste fungera för att en webbplats ska fungera.
Varför laddas min webbplats ibland långsamt?
Långsam laddning kan bero på flera punkter i kedjan: ett långsamt serversvar, stora ooptimerade bilder, för många skript som laddas innan innehållet visas eller att cachning inte är aktiverad. Att ta reda på vilket steg som orsakar fördröjningen är första steget mot en lösning. Artiklarna om prestanda i den här guiden går igenom varje orsak i detalj.
Vad är ett innehållsleveransnätverk?
Ett innehållsleveransnätverk, ofta kallat CDN, lagrar kopior av din webbplats filer på servrar runt om i världen. När en besökare begär en sida levereras filerna från den plats som ligger närmast, i stället för från en enda central server. Det minskar laddtiden, särskilt för besökare som befinner sig långt från din huvudserver.
Kan jag se vad som händer bakom kulisserna på min egen webbplats?
Med webbläsarens utvecklarverktyg kan du granska nätverksförfrågningar, se vilka filer som laddas och hur lång tid varje fil tar, och visa HTML-strukturen på valfri sida. Hastighetsverktyg mäter serverns svarstid och den övergripande laddningsprestandan. WEMASY har prestandamått i instrumentpanelen så att du kan följa hur din webbplats presterar utan externa verktyg.