Cum să găsiți stiluri CSS nefolosite în foaia de stil

CSS

Chiar dacă foile dvs. de stil sunt stocate în cache, prima dată când cineva vă vizitează site-ul, un fișier CSS umflat vă poate încetini site-ul. Acest lucru nu este prea grozav pentru o primă impresie. Pe măsură ce site-urile cresc, acestea tind să se extindă cu widget-uri și obiecte noi pe care designerii continuă să le ajusteze cu tot mai multe opțiuni de foi de stil. De-a lungul timpului, foaia dvs. de stil poate deveni destul de umflată și poate fi o parte esențială a acesteia de ce site-ul dvs. se descarcă mai lent decat altii.

Am văzut alte instrumente de verificare CSS pe web. Am folosit Curățați CSS pentru a reduce dimensiunea fișierului printr-o mai bună organizare și reducere a datelor de pe acesta. Când folosiți o terță parte pentru a vă analiza site-ul, trebuie să fiți atenți, totuși. Dacă răzuiește o pagină și analizează CSS-ul dvs., instrumentul vă poate solicita să eliminați tonuri reduse de stiluri care sunt utilizate pe alte pagini.

Nu este cazul cu CSS neutilizat - un instrument care Andrew Baldock din Mindjet, a cartografierea mintii cerere, mi-a arătat ieri. Instrumentul accesează cu crawlere site-ul dvs. și identifică CSS neutilizate. Puteți verifica chiar și stilurile pe care doriți să le păstrați, indiferent de analiză. În plus, puteți descărca foaia de stil după ce a fost rulată printr-o rutină de minificare.

css neutilizat

Deasupra este tabloul de bord unde CSS neutilizat am constatat că poate reduce foaia de stil cu 56%. Vom continua să testăm instrumentul - sunt încă îngrijorat de obiectele pe care le tragem prin Javascript și Ajax. Cu toate acestea, pare o resursă excelentă pentru noi.

4 Comentarii

  1. 1
  2. 2

Ce părere ai?

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.