4 Audito ir optimizavimo įrankiai

Kai jūsų svetainė pradės augti, tai bus ir jūsų kodas. Plečiantis jūsų kodui, CSS gali staiga tapti sunku prižiūrėti, o galiausiai galite perrašyti vieną CSS taisyklę. Tai apsunkina dalykus ir tikriausiai baigsis daug klaidų.

Jei tai vyksta su jumis, jums laikas tikrinti savo svetainės CSS. Jūsų CSS auditas leis jums nustatyti jūsų CSS dalis, kurios nėra optimizuotos. Be to, galite sumažinti stiliaus failų dydį pašalindami kodo eilutes, kurios sulėtina svetainės našumą.

Čia rasite 5 gerus įrankius, kurie padės jums patikrinti ir optimizuoti CSS.

„O-matic“ tipas

„O-matic“ tipas yra „Firebug“ papildinys, skirtas analizuoti šriftus, kurie naudojami svetainėje. Šis įskiepis pateikia vaizdinę ataskaitą lentelėje, kurioje yra šrifto savybės, pvz., Šriftų šeima, dydis, svoris, spalva ir šrifto, naudojamo tinklalapyje, skaičius. Ataskaitų lentelėje galite lengvai optimizuoti šrifto naudojimą, pašalinti nereikalingą šriftą arba suderinti pernelyg panašius stilius.

CSS Lint

CSS Lint yra įdėjimas įrankis, analizuojantis CSS sintaksę pagal konkrečius parametrus, kurie yra susiję su CSS našumu, prieinamumu ir suderinamumu. Būsite nustebinti rezultatais, tikitės daug įspėjimų savo CSS. Tačiau šios klaidos galiausiai padės nustatyti CSS sintaksę ir padaryti ją efektyvesnę. Be to, jūs taip pat būsite geresnis CSS rašytojas.

CSS ColorGuard

CSS ColorGuard yra palyginti nauja priemonė. Jis sukurtas kaip mazgo modulis ir veikia visose platformose: „Windows“, „OS X“ ir „Linux“. „CSS ColorGuard“ yra komandų eilutės įrankis, kuris informuos jus, jei naudojate panašias spalvas savo spalvų lape; pvz. # f3f3f3 yra gana arti # f4f4f4, todėl galbūt norėsite apsvarstyti galimybę sujungti šiuos du. CSS ColorGuard yra konfigūruojamas, galite nustatyti panašumo slenkstį ir nustatyti spalvas, kurių norite, kad įrankis ignoruotų.

CSS Dig

CSS Dig yra „Python“ scenarijus ir veikia vietoje jūsų kompiuteryje. CSS Dig atliks išsamų tyrimą savo CSS. Jis nuskaito ir sujungs savybes, pvz. visos fono spalvos deklaracijos bus rodomos po fonu. Tokiu būdu jūs galite lengvai priimti sprendimus pagal ataskaitą, kai bandote standartizuoti savo CSS sintaksę, pvz. spalvą galite rasti įvairiais stiliais, naudodami šią spalvų deklaraciją.

 spalva: #ccc; spalva: #cccccc; spalva: #CCC; spalva: #CCCCCC; 

Šios spalvos deklaracijos daro tą patį. Jūs taip pat galite eiti su #ccc arba su sostine #CCC kaip standartas. CSS Dig taip pat gali atskleisti šį atleidimą nuo kitų CSS savybių, ir galėsite padaryti savo kodą nuoseklesnę.