Wat doet een browser precies?
Een browser haalt bestanden op van een server en tekent daar je pagina mee. Meer is het in de kern niet.
Jij typt een adres, de browser vraagt de bijbehorende bestanden op, en zet die om in wat je op je scherm ziet.
Dat omzetten doet elke browser met een eigen motor, en daar komen de kleine verschillen vandaan die je soms tegenkomt.
De drie soorten bestanden
Ten eerste de structuur: welke koppen, alinea’s en knoppen er zijn. Daarna de opmaak: kleuren, lettertypen en indeling. Ten derde het gedrag: wat er gebeurt als je ergens op klikt.
Die drie komen los binnen en worden door de browser samengevoegd tot één pagina. Meer daarover lees je bij html en css.
Wat er in die seconde gebeurt
De browser vraagt eerst het hoofdbestand op, leest dat, en ziet daarin staan welke andere bestanden nodig zijn. Die haalt hij vervolgens op.
Pas als de belangrijkste binnen zijn, verschijnt er iets in beeld. Daarom voelt een pagina met veel losse bestanden trager aan.
Waarom browsers verschillen
Omdat elke browser zijn eigen motor gebruikt om code om te zetten naar beeld. Die motoren volgen dezelfde afspraken, maar niet altijd op precies dezelfde manier.
In de praktijk zijn de verschillen tegenwoordig klein. Meer daarover lees je bij waarom ziet mijn website er anders uit per browser.
Mijn vuistregels
- Test in minstens twee verschillende browsers, waarvan één op een telefoon.
- Houd je eigen browser bijgewerkt; anders test je een verouderde situatie.
- Gebruik een privévenster als je wilt zien wat een nieuwe bezoeker krijgt.
- Ga er niet van uit dat wat jij ziet, is wat iedereen ziet.
Die derde is de nuttigste. Je eigen browser onthoudt bestanden, en daardoor zie je een snellere en soms verouderde versie van je site.
Wat de browser onthoudt
Bestanden die niet elke keer opnieuw hoeven te worden opgehaald: afbeeldingen, opmaak, lettertypen. Dat heet de browsercache en het maakt een tweede bezoek merkbaar sneller.
Het is ook de reden dat je je eigen wijzigingen soms niet ziet. Meer daarover lees je bij cache.
Wat een browser níét doet
Hij draait je website niet. Dat gebeurt op de server, waar de pagina wordt samengesteld voordat hij wordt verstuurd.
De browser krijgt alleen het eindresultaat en tekent dat. Meer over die scheiding lees je bij het verschil tussen frontend en backend.