Come trovare gli stili CSS inutilizzati nel foglio di stile

css

Anche se i tuoi fogli di stile sono memorizzati nella cache, la prima volta che qualcuno visita il tuo sito un file CSS gonfio può davvero rallentare il tuo sito. Non è eccezionale per una prima impressione. Man mano che i siti crescono, tendono ad espandersi con nuovi widget e oggetti che i designer continuano a mettere a punto con sempre più opzioni per i fogli di stile. Nel tempo, il tuo foglio di stile può diventare piuttosto gonfio e diventare una parte fondamentale perché il download del tuo sito è più lento di altri.

Ho visto altri strumenti di verifica CSS sul Web. Noi abbiamo usato Pulisci CSS per ridurre le dimensioni del file organizzando e minimizzando meglio i dati su di esso. Tuttavia, quando utilizzi una terza parte per analizzare il tuo sito, devi stare attento. Se raschiano una pagina e analizzano il tuo CSS, lo strumento potrebbe farti rimuovere le tonnellate di stili che vengono utilizzati su altre pagine.

Non è il caso di CSS inutilizzato - uno strumento che Andrew Baldock da Mindjet, a mappa mentale applicazione, mi ha mostrato ieri. Lo strumento esegue la scansione del tuo sito e identifica i CSS inutilizzati. Puoi persino controllare gli stili che desideri mantenere indipendentemente dall'analisi. Per finire, puoi scaricare il foglio di stile dopo aver eseguito una routine di minimizzazione.

CSS inutilizzato

Sopra è il dashboard dove CSS inutilizzato ho scoperto che potrebbe ridurre il mio foglio di stile del 56%. Continueremo a testare lo strumento: sono ancora preoccupato per gli oggetti che stiamo inserendo tramite Javascript e Ajax. Tuttavia, sembra una grande risorsa per noi.

Commenti

  1. 1
  2. 2

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.