CSS (Cascading Style Sheets) è un grande strumento per separare il codice web. Purtroppo, dopo molti miglioramenti e modifiche apportate alle pagine web, il foglio di stile CSS può aumentare di dimensioni e rallentare un velocità di caricamento del sito. Questo è solitamente causato da selettori inutilizzati, schede indesiderate e gli spazi vuoti, tra le altre cose. Fortunatamente, ci sono molti strumenti, alcuni dei quali allegare direttamente sul browser web, che vengono utilizzati per ripulire il codice ridondante e ottimizzare il codice CSS. La maggior parte di questi strumenti possono essere scaricati gratuitamente.

Istruzioni

1

Controllare il codice CSS da in esecuzione attraverso un validatore CSS. I validatori CSS possono essere scaricati online o possono essere utilizzati online. Per utilizzare la versione on line, basta immettere l'URI (Uniform Resource Identifier) o l'indirizzo della pagina web sull'interfaccia fornita e cliccare su "Check" per convalidare il codice CSS. Per un esempio di CSS Validator, vedere risorse 1.

2

Eseguire il codice tramite un CSS pulitore per cercare il codice CSS ridondante. È possibile scaricare un'estensione del browser o utilizzare una versione online di un CSS pulitore. Pagine Web possono essere testati singolarmente o insieme con le opzioni fornite. Per un esempio di pulitore di CSS, vedere risorse 2.

3

Ottimizzare e comprimere il codice CSS per ridurne le dimensioni e migliorare il tuo sito Web velocità ed efficienza. Ottimizzatori di CSS e compressori ulteriormente cercano commenti inutili e gli spazi vuoti durante la sostituzione di alcuni pezzi di codice di stenografia. Alcuni di questi strumenti può ridurre il codice di circa il 30% o più. Per un esempio, vedere risorse 3.

4

Eseguire l'intero processo utilizzando strumenti completamente diversi da pulire gli stili che sono stati lasciati fuori e ridurre ulteriormente le dimensioni del codice CSS.

5

Convalidare e pulire altre pagine web per migliorare ulteriormente la velocità del codice CSS. Poiché il codice CSS lavorerà su pagine HTML, convalidare e pulire quelle pagine HTML associati il codice CSS.

Consigli & Avvertenze

• Dopo la convalida il codice CSS, è necessario eseguirlo per errori. Convalida del codice CSS significa semplicemente che è conforme agli standard W3C, ma possono comunque contenere errori.
• Alcuni pulitori CSS e validatori offrirà opzioni extra quali colore e tipo di carattere-peso compressione o fusione di proprietà. Assicurarsi sempre che si crea un backup del vostro codice CSS per eseguire il rollback in caso di importanti stili CSS vengono rimossi.
• Se si sviluppano siti Web e la necessità di testare il codice CSS regolarmente, installare browser CSS validator per migliorare la produttività e risparmiare tempo.