Een webbrowser is de software waarmee je websites opent. Lees hoe browsers werken, wat er gebeurt als je een pagina opent en waarom dat ertoe doet voor je website.
Elke keer dat je een website bezoekt, gebruik je een webbrowser. Het lijkt misschien alsof de browser alleen een raam is waar je doorheen kijkt, maar achter de schermen doet hij veel werk. Als je weet wat een browser precies doet, begrijp je beter hoe jouw website wordt ervaren door je bezoekers.
Of iemand je site nu op een laptop of een telefoon opent, de browser haalt je content op, leest je code en zet alles bij elkaar op het scherm. Verschillende browsers doen dat op net iets andere manieren, en dat beïnvloedt hoe je website eruitziet en zich gedraagt voor verschillende bezoekers.
Wat is een webbrowser?
Een webbrowser is een programma waarmee je het internet kunt openen en doorzoeken. Je typt een URL in of zoekt iets op, en de browser haalt de juiste pagina's op en toont ze op je scherm. Hij regelt alle communicatie tussen jou en de websites die je bezoekt.
Browsers zijn de schakel tussen mensen en het web. Zonder browser kun je geen website bezoeken. Elk apparaat dat met internet verbonden is, heeft minstens één browser, en de meeste mensen gebruiken voor alles dezelfde zonder er veel bij na te denken.
Hoe werkt een webbrowser?
Als je een adres intypt of op een link klikt, doorloopt de browser een aantal stappen om de pagina op te halen en te tonen.
Eerst zoekt de browser het DNS-record van het domein op om het serveradres te vinden. Daarna maakt hij verbinding met die server en vraagt om de pagina. De server stuurt de bestanden terug waaruit de pagina bestaat, vooral HTML, CSS en JavaScript. De browser leest die bestanden en rendert ze, oftewel: hij bouwt de visuele pagina op die je op je scherm ziet. Dit gebeurt meestal in minder dan een seconde.
Browsers beheren ook cookies, opgeslagen wachtwoorden, je browsegeschiedenis en browseropslag. Ze controleren SSL-certificaten en waarschuwen je als een site niet veilig is. Ook voeren ze JavaScript uit, waardoor de meeste interactieve onderdelen van websites werken.
Waarom is de keuze van browser belangrijk voor website-eigenaren?
Als website-eigenaar kies je niet zelf welke browser je bezoekers gebruiken. Sommigen gebruiken de ene browser, anderen een andere. Elke browser heeft een eigen rendering-engine, het onderdeel dat code omzet in een visuele pagina. Verschillende engines kunnen dezelfde website net iets anders weergeven.
Daarom moeten websites in meerdere browsers getest worden. Een opmaak die in de ene browser perfect is, kan in een andere een afstandsprobleem of een lettertypeprobleem hebben. De meeste moderne browsers zijn een stuk consistenter geworden, maar kleine verschillen blijven bestaan, vooral tussen desktop- en mobiele versies.
Ook het responsive design van je website wordt per browser anders uitgelegd. Sommige functies die in nieuwere browsers werken, worden in oudere niet ondersteund. Bouw je op een betrouwbaar platform, dan wordt het meeste hiervan voor je geregeld, omdat de code al is getest en geoptimaliseerd voor de grote browsers.
Wat hebben browsers gemeen?
Ondanks hun verschillen hebben alle grote browsers dezelfde kernfuncties. Ze halen webpagina's op en tonen ze, ondersteunen HTML, CSS en JavaScript, geven beveiligingswaarschuwingen bij onveilige verbindingen, slaan cookies en gecachete bestanden op en laten gebruikers pagina's als favoriet bewaren en hun geschiedenis beheren.
De verschillen zitten vooral in snelheid, privacyfuncties, extensies en hoe ze omgaan met bepaalde nieuwere webtechnieken. Bij dagelijks surfen en op de meeste websites zijn die verschillen klein. Maar wil je merk elke bezoeker een consistente ervaring bieden, dan hoort testen in meerdere browsers bij het bouwen van een website die werkt.
Veelgestelde vragen
Welke webbrowser gebruiken de meeste mensen?
De populariteit van browsers verschuift in de tijd en verschilt per regio en type apparaat. Op desktop domineert al jaren één browser het wereldwijde gebruik. Op mobiel is meestal de standaardbrowser van het apparaat het meest gebruikt. Voor je website is het praktisch om de top drie of vier browsers te testen, zodat je site voor de meeste bezoekers goed oogt en werkt.
Beïnvloedt de browser de snelheid van een website?
Tot op zekere hoogte wel. Verschillende browsers hebben verschillende JavaScript-engines en renderingsnelheden, waardoor dezelfde pagina iets sneller of trager kan laden, afhankelijk van de browser. Veel belangrijker zijn je hosting, de bestandsgroottes en de kwaliteit van de code. Een goed geoptimaliseerde website laadt snel in alle grote browsers.
Wat is een rendering-engine van een browser?
Een rendering-engine is het onderdeel van de browser dat de code van je website leest en omzet in de visuele pagina die je op het scherm ziet. Verschillende browsers gebruiken verschillende engines. Daarom kan dezelfde website soms per browser iets anders eruitzien. De meeste moderne browsers gebruiken nu engines die zich dicht aan de webstandaarden houden, waardoor de verschillen een stuk kleiner zijn dan vroeger.
Wat is een browserextensie?
Een browserextensie is een kleine add-on die extra functies aan je browser toevoegt. Adblockers, wachtwoordmanagers, grammaticacontroles en kleurkiezers zijn bekende voorbeelden. Extensies kunnen invloed hebben op hoe je website bij bezoekers verschijnt, omdat sommige elementen blokkeren, kleuren veranderen of de inhoud van de pagina aanpassen. Test je website daarom ook in een schone browsersessie zonder actieve extensies.
Wat is de browsercache en waarom is die belangrijk?
De cache van de browser bewaart kopieën van bestanden van websites die je eerder bezocht, zodat ze bij je volgende bezoek sneller laden. Voor website-eigenaren betekent dit dat bezoekers een oudere versie van je site kunnen zien als je recent iets hebt aangepast. Een harde vernieuwing of het wissen van de cache dwingt de browser verse bestanden bij de server op te halen.
Moet ik mijn website anders ontwerpen voor verschillende browsers?
Niet als je op een modern platform bouwt. De Websitebouwer van WEMASY maakt code die standaard in alle grote browsers werkt. Je hoeft geen aparte stijlen of opmaak per browser te schrijven. De templates zijn getest en geoptimaliseerd, zodat je site er hetzelfde uitziet of iemand hem nu in een browser op desktop of op een telefoon opent.