CSS: de vormgeving
CSS bepaalt hoe de HTML eruitziet. Kleuren, lettertypen, marges, breedtes: allemaal CSS.
h1 {
color: #243141;
font-size: 32px;
}In gewone taal: “alle hoofdkoppen krijgen deze kleur en deze grootte.”
De kracht zit in de scheiding: de inhoud staat in HTML, de vormgeving in CSS. Wilt u alle koppen op uw site een andere kleur geven, dan past u één CSS-regel aan in plaats van honderd pagina’s.
CSS regelt ook dat uw site er op een telefoon anders uitziet dan op een groot scherm. Dat heet responsive design, en het gebeurt door regels die alleen gelden bij een bepaalde schermbreedte.
JavaScript: het gedrag
JavaScript maakt een pagina interactief. Alles wat gebeurt nadat de pagina geladen is, zonder dat u naar een nieuwe pagina gaat, is JavaScript:
- Een menu dat opent als u erop klikt.
- Een formulier dat waarschuwt dat u een veld vergat.
- Een afbeeldingscarrousel.
- Een cookiemelding.
Het belangrijkste verschil met PHP
Dit onderscheid verklaart veel:
- JavaScript draait in de browser van de bezoeker, op zijn computer of telefoon.
- PHP draait op de server, voordat de pagina verstuurd wordt.
Daarom kunt u JavaScript in uw browser gewoon bekijken, en PHP niet. En daarom hoort gevoelige informatie, zoals een wachtwoord of een sleutel van een betaaldienst, nooit in JavaScript te staan: iedereen kan het lezen.
Waarom dit uw laadtijd beïnvloedt
Elk CSS- en JavaScript-bestand moet apart opgehaald worden. Sites met tientallen plugins hebben soms tientallen van die bestanden, en dat vertraagt merkbaar. Dat is precies waarom snelheidstests aanraden om bestanden samen te voegen of ongebruikte scripts te verwijderen.
