SEOMaster
CSS
Język wyglądu i układu strony.
Co to jest CSS?
CSS (Cascading Style Sheets) to język wyglądu strony: kolory, czcionki, odstępy, siatki, animacje. Oddziela warstwę prezentacji od treści (HTML), dzięki czemu ten sam dokument można dowolnie stylować.
Sposób ładowania CSS ma znaczenie dla wydajności: arkusze blokują renderowanie (przeglądarka czeka na nie, zanim narysuje stronę), więc warto wczytywać krytyczny styl wcześnie, a resztę odkładać.
Dlaczego to ważne dla SEO
CSS decyduje o pierwszym wrażeniu i czytelności, a sposób jego ładowania wprost wpływa na szybkość (FCP, LCP). Ciężki, blokujący CSS opóźnia pokazanie treści.
Jak to sprawdzić
Sprawdź w Network rozmiar i liczbę plików CSS oraz czy nie blokują renderowania. Lighthouse wskazuje nieużywany i blokujący CSS.
Częste błędy
- Jeden wielki arkusz dla całej witryny
- Dużo nieużywanego CSS
- Brak krytycznego CSS inline dla pierwszego ekranu
Przykład
.btn { background: #7c6ef0; color: #fff; }