Risparmiare banda utilizzando la sintassi abbreviata dei CSS

Pubblicato il 11/04/2008 da Matteo Moro in css, pianificazione, teoria

Abbreviazione
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:

Commenti

2 commenti per “Risparmiare banda utilizzando la sintassi abbreviata dei CSS”

  1. ZicZac.it, clicca qui e vota questo articolo! il 11/04/2008 11:43

    Questo articolo è stato segnalato su ZicZac.it….

  2. diggita.it il 11/04/2008 11:44

    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…

Commenta il post