Als je een website opent, verschijnt de pagina bijna meteen. Wat je ziet, is het resultaat van een reeks stappen op de achtergrond voordat er één woord op je scherm staat. Als je begrijpt hoe websites achter de schermen werken, kun je problemen beter opsporen, betere keuzes maken over hosting en snelheid en duidelijk communiceren met ontwikkelaars of support als er iets misgaat.
Een website is geen enkel bestand op een computer. Het is een verzameling bestanden, databases en diensten die samen content leveren aan bezoekers. Bij elke pagina die laadt, stuurt de browser een verzoek, antwoordt een server en zet een weergaveproces code om in de pagina waarmee je werkt. Voor een basisoverzicht van wat een website precies is, lees je het artikel over wat een website is.
Wat gebeurt er als je een webadres typt?
Het proces begint op het moment dat een bezoeker een URL invoert of op een link klikt. Meerdere systemen werken samen om de juiste server te vinden en de juiste pagina op te halen.
Het domein opzoeken
De browser vertaalt eerst de domeinnaam naar een numeriek IP-adres via het Domain Name System. Die opzoeking vertelt de browser welke server op internet de bestanden van de website heeft. Zonder deze stap zouden bezoekers IP-adressen moeten onthouden in plaats van leesbare domeinnamen.
Het verzoek aan de server
Zodra de server is gevonden, stuurt de browser een HTTP-verzoek voor een specifieke pagina of een specifiek bestand. De server ontvangt het verzoek, verwerkt het en bereidt een antwoord voor. Dat antwoord bevat meestal HTML-opmaak, samen met instructies om extra bestanden te laden, zoals stijlbladen, scripts en afbeeldingen.
Opvragen in de database
Veel moderne websites slaan content op in een database in plaats van in vaste bestanden. Als een pagina wordt opgevraagd, kan de server de database raadplegen om tekst, afbeeldingen, productlijsten of blogberichten op te halen. De server zet die gegevens dan samen tot HTML voordat hij ze terugstuurt naar de browser. Deze stap is een van de belangrijkste redenen dat twee pagina's op dezelfde site dezelfde indeling kunnen hebben en toch andere content tonen.
Hoe zet de browser code om in een pagina?
HTML ontvangen is nog maar het begin. De browser moet die code lezen en er een bruikbare pagina van bouwen. Het artikel over hoe een browser een website laadt behandelt dit proces uitgebreid, maar de kernfasen zijn hier de moeite waard om te begrijpen.
HTML lezen en de DOM opbouwen
De browser leest de HTML en bouwt een Document Object Model, een gestructureerde weergave van elk element op de pagina. Koppen, alinea's, afbeeldingen en links worden elk een knooppunt in deze boom. De DOM is de basis waarmee de browser de pagina toont en ermee werkt.
De zichtbare pagina weergeven
Stijlbladen bepalen de indeling en het uiterlijk. JavaScript voegt interactie toe. Zodra de browser genoeg informatie heeft, tekent hij de pagina op het scherm. De hele reeks van verzoek tot een pagina waarmee je kunt werken duurt op een goed geoptimaliseerde site meestal een tot drie seconden.
Hoe WEMASY de techniek regelt
WEMASY beheert de volledige techniek achter je website, zodat je geen servers, databases of caching zelf hoeft in te stellen. Hosting, beveiligingscertificaten en optimalisaties voor snelheid zitten in het platform. Pagina's die je bouwt in de websitebouwer van WEMASY worden geleverd via een infrastructuur die is gemaakt voor snelle reacties en betrouwbare bereikbaarheid. Aanpassingen aan content via de editor staan op de live site zonder dat er technische stappen voor publiceren nodig zijn.
Bekijk wat er is inbegrepen bij de websitebouwer van WEMASY of bekijk de abonnementen op de prijzenpagina.
Veelgestelde vragen
Wat gebeurt er als iemand mijn website bezoekt?
De browser zoekt je domein op om je server te vinden, vraagt de pagina op en je server antwoordt met HTML en bijbehorende bestanden. De browser leest die code, laadt stijlbladen en scripts en geeft de pagina weer op het scherm. Met de websitebouwer van WEMASY zet je dit direct op je eigen website.
Moet ik begrijpen hoe websites werken om er een te beheren?
Nee. De meeste ondernemers beheren content en ontwerp zonder iets te weten over servers. Basiskennis helpt als je trage pagina's, storingen of kapotte functies moet oplossen. Een beheerd platform als WEMASY regelt de technische infrastructuur, zodat je je kunt richten op content en ontwerp.
Wat is het verschil tussen frontend en backend?
De frontend is alles wat de bezoeker ziet en gebruikt in de browser: indeling, tekst, afbeeldingen en knoppen. De backend is alles wat op de server gebeurt: gegevens opslaan, formulieren verwerken, database-opvragingen uitvoeren en pagina's samenstellen voordat ze worden verstuurd. Beide lagen moeten goed werken om een website te laten functioneren.
Waarom laadt mijn website soms traag?
Trage laadtijd kan op meerdere plekken in de keten ontstaan: een trage reactie van de server, grote niet-geoptimaliseerde afbeeldingen, te veel scripts die laden voordat content verschijnt of geen caching. Uitzoeken welke fase de vertraging veroorzaakt, is de eerste stap naar een oplossing. Artikelen over snelheid in deze gids behandelen elke oorzaak uitgebreid.
Wat is een content delivery network?
Een content delivery network, vaak CDN genoemd, slaat kopieën van de bestanden van je website op bij servers over de hele wereld. Als een bezoeker een pagina opvraagt, worden de bestanden geleverd vanaf de locatie die het dichtst bij hem is in plaats van vanaf één centrale server. Dat verkort de laadtijd, vooral voor bezoekers die ver van je hoofdserver zitten.
Kan ik zien wat er achter de schermen van mijn eigen site gebeurt?
Met de ontwikkelaarstools van je browser bekijk je netwerkverzoeken, zie je welke bestanden laden en hoe lang elk duurt en bekijk je de HTML-structuur van elke pagina. Tools om snelheid te testen meten de reactietijd van de server en de laadprestaties als geheel. WEMASY toont prestatiecijfers in het dashboard, zodat je kunt volgen hoe je site presteert zonder externe tools.