CSS (cascading style sheets) je jezik koji stranici daje izgled. HTML kaže što je naslov, a CSS koliko je velik, koje je boje i koliko prostora ima oko sebe.
Gdje ga marketing susreće
- Boje i tipografija iz brand guidelinesa žive u CSS-u
- Prijelomne točke za mobitel, tablet i desktop
- Razmaci i veličina gumba, koji odlučuju je li nešto lako kliknuti prstom
- Stanja gumba i poveznica pri prijelazu mišem ili dodiru prstom
- Sitni popravci koje tema ne predviđa, na primjer razmak iznad obrasca
Zašto utječe na brzinu
Preglednik ne prikazuje ništa dok ne učita CSS iz zaglavlja. Prevelike datoteke i mnoštvo malih dodataka odgađaju prvi prikaz i kvare LCP. Pomaže spajanje datoteka u jednu, uklanjanje stilova koje tema nikad ne koristi i predmemorija na strani preglednika. Rezervacija prostora za slike i bannere u CSS-u istodobno čuva CLS.
Gdje se piše
U temi ili u polju za vlastiti CSS koje ima svaki ozbiljniji CMS. Ispravci ubačeni izravno u pojedinu stranicu nestanu s promjenom teme, te ih vrijedi držati na jednom mjestu.
Povezani pojmovi
HTML
HyperText Markup Language: jezik kojim je napisana struktura web stranice. Označava što je naslov, odlomak, slika ili poveznica, ne izgled.
Tipografija
Izbor i raspored slova u dizajnu: fontovi, veličine, razmaci i hijerarhija naslova. Određuje koliko se tekst lako čita i koliko brend djeluje dosljedno.
Plugin
Dodatak koji stranici daje novu funkciju bez pisanja koda, od obrasca do webshopa. Najveći ekosustav ima WordPress, s desecima tisuća pluginova.
CLS
Core Web Vitals metrika koja mjeri koliko se sadržaj pomiče tijekom učitavanja stranice. Dobro je ispod 0.1, loše iznad 0.25 — i najlakše se popravlja.
Kontrast boja
Razlika u svjetlini između teksta i pozadine. Određuje može li se tekst lako pročitati, a za web postoji mjerljiv minimum u WCAG smjernicama.