Risparmiare banda utilizzando la sintassi abbreviata dei CSS

L’uso corretto dei fogli di stile, oltre a separare il contenuto dalla presentazione e rendere molto più semplice la gestione e l’aggiornamento delle pagine web, consente di velocizzarne il caricamento e risparmiare un bel po’ di banda. Quando però anche il foglio di stile diventa corposo, l’uso della sintassi abbreviata di molte proprietà può tornare utile per risparmiare ulteriore banda.
Naturalmente non ci sono solo vantaggi nell’utilizzo di queste tecniche: la leggibilità del codice ne potrà risentire, soprattutto se oltre alla sintassi abbreviata decidiamo anche di rimuovere gli spazi dal nostro foglio di stile. Si tratta dunque di un lavoro da fare solo al termine dello sviluppo, quando i risultati ottenuti sono soddisfacenti e non sono necessarie ulteriori modifiche: mettere mano a un foglio di stile trattato in questo modo, infatti potrebbe essere molto complesso e portare a brutte sorprese.
In un articolo di CSSNewbie.com, vengono analizzati diversi casi in cui è possibile abbreviare la sintassi, raggruppando diverse caratteristiche della stessa proprietà che potrebbero essere specificate singolarmente: margin, padding, border, background e font sono solo alcune delle proprietà per cui è possibile abbreviare la sintassi. In questi casi, la documentazione del W3C ci verrà in aiuto.
APPROFONDIMENTI:
- CSSNewbie.com: “Writing CSS Shorthand“
- W3C.org: “CSS 2.1 Specification“
Commenti
2 commenti per “Risparmiare banda utilizzando la sintassi abbreviata dei CSS”
Commenta il post

Questo articolo è stato segnalato su ZicZac.it….
…
Risparmiare banda utilizzando la sintassi abbreviata dei CSS…
L’uso corretto dei fogli di stile, oltre a separare il contenuto dalla presentazione e rendere molto più semplice la gestione e l’aggiornamento delle pagine web, consente di velocizzarne il caricamento e risparmiare un bel po’ di banda. Quando p…