Waarom zie ik in de broncode iets anders dan op mijn scherm?
Omdat je twee verschillende dingen bekijkt. De broncode is wat de server stuurde; je scherm toont wat de browser ervan gemaakt heeft.
Tussen die twee zit het uitvoeren van scripts, en dat kan een pagina flink verbouwen.
Bij moderne sites is dat verschil eerder regel dan uitzondering.
Wat er tussen zit
Eerst herstelt de browser fouten in je opmaak. Daarna laadt hij je scripts en voeren die hun werk uit.
Een menu wordt opgebouwd, een cookiebalk verschijnt, een galerij wordt ingeladen. Niets daarvan staat in je broncode. Meer daarover lees je bij browser.
Waar je het echte beeld ziet
In de inspectiefunctie van je browser. Die toont de DOM: de actuele stand van je pagina.
Meer daarover lees je bij hoe je de DOM van een pagina bekijkt.
Wanneer dit een probleem is
Als belangrijke inhoud alleen op je scherm staat en niet in je broncode. Dan is die inhoud afhankelijk van een script dat moet slagen.
Voor zoekmachines en voor bezoekers met een trage verbinding is dat een risico.
Mijn vuistregels
- Controleer of je koppen en je hoofdtekst in de broncode staan.
- Vind je ze daar niet, vraag je bouwer dan waarom.
- Gebruik de inspectiefunctie voor uiterlijk, de broncode voor inhoud.
- Test je pagina eens met JavaScript uit.
Die laatste is confronterend en klaar in dertig seconden.
Hoe je het snel test
Zet JavaScript tijdelijk uit in je browserinstellingen en herlaad je pagina. Wat er dan nog staat, is wat er zeker aankomt.
Blijft er een lege pagina over, dan leunt je site volledig op scripts. Meer daarover lees je bij of Google inhoud ziet die met JavaScript wordt toegevoegd.
Wat een normaal verschil is
Cookiebalken, chatvensters, animaties en lazy geladen afbeeldingen. Dat hoort er niet in te staan en is geen probleem.
Je teksten, je koppen en je links horen er wel in te staan.