CSS (Cascading Style Sheets) è un ottimo strumento per separare il codice web. Purtroppo, dopo che sono stati fatti molti cambiamenti e miglioramenti per le pagine web, il foglio di stile CSS può aumentare di dimensioni e rallentare la velocità di caricamento del sito. Questo di solito è causato da selettori inutilizzati, schede indesiderabili, e gli spazi, tra le altre cose. Fortunatamente, ci sono molti strumenti, alcuni dei quali si attaccano direttamente sul tuo browser, che vengono utilizzati per ripulire il codice ridondante e ottimizzare il codice CSS. La maggior parte di questi strumenti possono essere scaricati gratuitamente.

istruzione

1 Controllare il codice CSS eseguendo attraverso un validatore CSS. validatori CSS possono essere scaricati online o possono essere utilizzati on-line. Per utilizzare la versione on-line, è sufficiente inserire l'URI (Uniform Resource Identifier) ​​o l'indirizzo della pagina web sul interfaccia fornita e clicca su "Controlla" per convalidare il codice CSS. Vedere Resource 1 per un esempio di CSS Validator.

2 Eseguire il codice attraverso un detergente CSS per verificare la presenza di codice CSS ridondante. È possibile scaricare un'estensione del browser o utilizzare una versione online di un pulitore di CSS. Le pagine Web possono essere testati singolarmente o insieme utilizzando le opzioni fornite. Vedi Resource 2 per un esempio, più pulito CSS.

3 Ottimizzare e comprimere il codice CSS per ridurne le dimensioni e di migliorare la velocità e l'efficienza sito. ottimizzatori CSS e compressori ulteriormente cercano commenti inutili, e gli spazi che pur cambiando alcuni pezzi di codice per stenografia. Alcuni di questi strumenti possono ridurre il codice di circa il 30% o più. Vedere Resource 3 per un esempio.

4 Eseguire l'intero processo di nuovo usando completamente diversi strumenti per pulire gli stili che sono stati lasciati fuori e ridurre ulteriormente le dimensioni del codice CSS.

5 Convalida e pulire altre pagine web per migliorare ulteriormente la velocità del vostro codice CSS. Dal momento che il codice CSS funziona su pagine HTML, convalidare e pulire le pagine HTML associati al codice CSS.

Consigli e avvertenze

• Dopo la convalida il codice CSS, è necessario eseguire la presenza di errori. codice CSS Convalida significa semplicemente che essa è conforme agli standard del W3C, ma può comunque contenere errori.
• Alcuni detergenti CSS e validatori offrirà opzioni extra come il colore e la compressione font-weight o la fusione di proprietà. Assicurarsi sempre di creare un backup del codice CSS di rollback al caso importanti stili CSS vengono rimossi.
• Se si sviluppa siti web e la necessità di testare il codice CSS regolarmente, l'installazione del browser CSS validatori per migliorare la produttività e risparmiare tempo.