Når du åbner en hjemmeside, dukker siden op næsten med det samme. Det, du ser, er resultatet af en kæde af trin i baggrunden, før et eneste ord når din skærm. Når du forstår, hvordan hjemmesider virker bag kulisserne, er det lettere at finde fejl, træffe bedre valg om hosting og hastighed og tale klart med udviklere eller support, når noget går galt.
En hjemmeside er ikke én fil på en computer. Det er en samling af filer, databaser og tjenester, der arbejder sammen om at levere indhold til de besøgende. Hver sideindlæsning består af en forespørgsel fra browseren, et svar fra en server og en visning, der gør kode til den side, du bruger. Vil du have et grundlæggende overblik over, hvad en hjemmeside egentlig er, kan du læse artiklen om hvad en hjemmeside er.
Hvad sker der, når du skriver en webadresse?
Det begynder i det øjeblik, en besøgende skriver en URL eller klikker på et link. Flere systemer arbejder sammen om at finde den rigtige server og hente den rigtige side.
Domæneopslag
Browseren oversætter først domænenavnet til en numerisk IP-adresse via Domain Name System (DNS). Opslaget fortæller browseren, hvilken server på nettet der har hjemmesidens filer. Uden dette trin skulle de besøgende huske IP-adresser i stedet for læsbare domænenavne.
Serverforespørgslen
Når serveren er fundet, sender browseren en HTTP-forespørgsel om en bestemt side eller ressource. Serveren modtager den, behandler den og gør et svar klar. Svaret indeholder som regel HTML-kode og besked om at hente flere filer, som typografiark, scripts og billeder.
Databaseopslag
Mange moderne hjemmesider gemmer indhold i en database i stedet for i faste filer. Når en side bliver bedt om, kan serveren slå op i databasen for at hente tekst, billeder, produktlister eller blogindlæg. Derefter sætter serveren data sammen til HTML, før den sender det tilbage til browseren. Det er en af hovedårsagerne til, at to sider på samme hjemmeside kan have det samme layout, men vise forskelligt indhold.
Hvordan gør browseren kode til en side?
At modtage HTML er kun begyndelsen. Browseren skal læse koden og bygge en brugbar side ud af den. Artiklen om hvordan en browser indlæser en hjemmeside gennemgår processen i detaljer, men de vigtigste trin er værd at kende allerede her.
Læsning af HTML og opbygning af DOM
Browseren læser HTML og bygger en Document Object Model (DOM), en struktureret model af hvert element på siden. Overskrifter, afsnit, billeder og links bliver hver især til knudepunkter i dette træ. DOM er det fundament, browseren bruger til at vise siden og gøre den interaktiv.
Visning af den synlige side
Typografiark styrer layout og udseende. JavaScript gør siden interaktiv. Når browseren har nok information, tegner den siden på skærmen. Hele forløbet fra forespørgsel til en side, du kan bruge, tager som regel et til tre sekunder på en hjemmeside, der er godt optimeret.
Sådan klarer WEMASY den tekniske del
WEMASY tager sig af hele den tekniske opbygning bag din hjemmeside, så du ikke selv skal sætte servere, databaser eller caching op. Hosting, sikkerhedscertifikater og hastighedsoptimering er en del af platformen. Sider, du bygger i WEMASYs hjemmesidebygger, leveres fra en infrastruktur, der er lavet til hurtige svartider og stabil drift. Ændringer i indholdet i editoren vises på den live hjemmeside uden tekniske udgivelsestrin.
Se, hvad der er med, i WEMASYs hjemmesidebygger, eller se planerne på siden med priser.
Ofte stillede spørgsmål
Hvad sker der, når nogen besøger min hjemmeside?
Browseren slår dit domæne op for at finde din server, sender en forespørgsel om siden, og din server svarer med HTML og tilhørende filer. Derefter læser browseren koden, henter typografiark og scripts og viser siden på skærmen. Med WEMASYs hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Skal jeg forstå, hvordan hjemmesider virker, for at drive en?
Nej. De fleste virksomhedsejere styrer indhold og design uden at kende noget til servere. Det hjælper at kende det grundlæggende, når du skal finde årsagen til langsomme sider, nedetid eller fejl. En administreret platform som WEMASY tager sig af den tekniske infrastruktur, så du kan koncentrere dig om indhold og design.
Hvad er forskellen på frontend og backend?
Frontend er alt det, den besøgende ser og bruger i browseren: layout, tekst, billeder og knapper. Backend er alt det, der sker på serveren: lagring af data, behandling af formularer, databaseopslag og sammensætning af sider, før de sendes. Begge lag skal virke, for at en hjemmeside kan fungere.
Hvorfor er min hjemmeside nogle gange langsom?
Langsom indlæsning kan komme fra flere led i kæden: et langsomt serversvar, store billeder, der ikke er optimeret, for mange scripts, der indlæses før indholdet vises, eller caching, der ikke er slået til. Første skridt er at finde ud af, hvilket trin der forsinker det. Artiklerne om hastighed i denne guide gennemgår hver årsag i detaljer.
Hvad er et content delivery network?
Et content delivery network, ofte kaldet et CDN, gemmer kopier af din hjemmesides filer på servere rundt om i verden. Når en besøgende beder om en side, leveres filerne fra det sted, der er tættest på dem, i stedet for fra én central server. Det mindsker indlæsningstiden, især for besøgende langt fra din hovedserver.
Kan jeg se, hvad der sker bag kulisserne på min egen hjemmeside?
Med browserens udviklerværktøjer kan du se netværksforespørgsler, hvilke filer der indlæses, og hvor lang tid hver tager, og du kan se HTML-strukturen på enhver side. Hastighedstest måler serverens svartid og den samlede indlæsning. WEMASY har målinger af hastighed i dashboardet, så du kan følge med i, hvordan din hjemmeside klarer sig, uden eksterne værktøjer.