Il CSS è il codice che decide l’aspetto di un sito: colori, caratteri, spazi, come si adatta allo smartphone. In un sito su misura il CSS contiene solo le regole che il sito usa davvero; temi generici e page builder invece caricano spesso stili per funzioni che non usi. Conta perché il browser deve elaborare il CSS prima di mostrare la pagina: più regole inutili, più attesa.
CSS: cos’è e a cosa serve
Il CSS è lo strato che dà forma al contenuto. Ogni pagina web ha tre strati:
- HTML: il contenuto e la struttura (titoli, testi, immagini). Ne parliamo in HTML semantico: cos’è e perché conta.
- CSS: l’aspetto. Colori, font, griglie, versione mobile.
- JavaScript: il comportamento interattivo, che pesa molto di più, come spieghiamo in JavaScript e sito lento.
Puoi avere lo stesso HTML con due CSS diversi e ottenere due siti che sembrano completamente diversi. Il CSS è la parte tecnica dell’interfaccia, la UI: la differenza con l’esperienza d’uso la trovi in differenza tra UX e UI.
Perché il CSS incide sulla velocità
Il CSS pesa poco, ma blocca la pagina finché non è pronto. Secondo il Web Almanac 2025 di HTTP Archive (dati luglio 2025, pubblicato a gennaio 2026), su mobile il CSS mediano di una pagina pesa circa 79 KB, contro 632 KB di JavaScript sulla home page. La caratteristica particolare è un’altra: i fogli di stile esterni bloccano la visualizzazione. Come spiega la documentazione di Lighthouse, il browser deve scaricarli, analizzarli ed elaborarli tutti prima di mostrare qualsiasi contenuto. Anche le regole che in quella pagina non servono a niente.
Per questo Lighthouse, lo strumento di analisi integrato in Chrome, ha un controllo dedicato: “Riduci CSS inutilizzato”, che segnala ogni foglio di stile con almeno 2 KiB di regole non usate.
Tema, page builder o sito su misura: le differenze
La differenza sta in quanto CSS si carica rispetto a quanto ne serve.
| Soluzione | Come gestisce il CSS | Punto di forza | Limite |
|---|---|---|---|
| Tema generico | stili per slider, portfolio, shop, blog in dieci layout | pronto e adatto a molti settori | il tuo sito ne usa una parte |
| Page builder | ogni blocco porta il suo CSS, con molti livelli di contenitori | pagine modificabili trascinando blocchi | raramente è snello |
| CSS su misura | solo i componenti che servono al progetto | meno codice, più controllo sul design | richiede chi lo scriva e lo mantenga |
Un tema deve andare bene per un ristorante, uno studio legale e un negozio. Il CSS su misura invece è scritto per un solo progetto: cambi un colore in un punto e cambia ovunque, senza effetti imprevisti.
Non esiste una scelta giusta per tutti. Per un sito semplice da aggiornare in autonomia un tema leggero può bastare. Per un’attività che punta su velocità e immagine coordinata, il su misura dà più margine.
Cosa permette il CSS moderno
Molte cose che prima richiedevano plugin o JavaScript oggi sono funzioni native dei browser.
- Modalità scura automatica: con
prefers-color-schemeil sito segue l’impostazione chiara o scura del telefono. È supportata dai browser principali da gennaio 2020 (MDN). - Variabili CSS: colori e font del brand definiti una volta e riusati ovunque. Rendono la dark mode questione di poche righe.
- Layout responsive: griglie e flexbox adattano la pagina a ogni schermo; le container queries permettono a un componente di adattarsi allo spazio in cui si trova, non solo alla larghezza dello schermo.
- Selettori più potenti:
:has()permette di cambiare lo stile di un elemento in base a ciò che contiene. È disponibile in tutti i browser principali da dicembre 2023.
Il responsive in particolare non è un optional: la maggior parte delle visite arriva da smartphone, come spieghiamo in sito responsive: perché il mobile conta.
Cosa chiedere alla tua agenzia
Cinque domande bastano per capire come è costruito il sito.
- Il sito usa un tema, un page builder o CSS su misura?
- Quanto CSS inutilizzato segnala Lighthouse sulle pagine principali?
- Colori e font sono gestiti con variabili?
- Il sito rispetta la modalità scura del dispositivo, o almeno resta leggibile?
- Chi potrà modificare l’aspetto dopo la consegna, e come?
In sintesi
Il CSS non si vede, ma decide l’aspetto e parte della velocità del sito. Un CSS su misura carica solo ciò che serve, sfrutta le funzioni moderne dei browser e resta facile da mantenere. Tech To Business, web agency di Catanzaro, scrive il CSS dei siti su misura che realizza per attività in Calabria: scopri la nostra creazione di siti web in Calabria.