О овом алату
ЦСС минификација уклања размак, коментаре и непотребне знакове из стилова да би се смањила његова величина пре него што се прикаже у прегледачима. Стварна правила су непромењена: минимизирани стилски лист приказује странице идентично неминификованом извору. Уштеде долазе од уклањања нових редова, сувишних тачака и зареза, коментара, могућности скраћења хексадецималне боје и пречица за нулту јединицу (замена 0пк са 0).
На модерним веб локацијама са десетинама стилских правила, типично смањење је 20–40% у односу на неминификовани извор. У комбинацији са гзип компресијом на серверу, маргинална уштеда се смањује — гзип већ ефикасно компримује поновљени текст — али ова комбинација и даље надмашује саму компресију, посебно када се листови стилова кеширају и много пута сервирају многим посетиоцима.
Овај минифификатор обрађује ЦСС у једном пролазу, уклањајући коментаре изван вредности урл(), сажимајући размак, уклањајући сувишне тачке и зарезе пре затварања заграда, примењујући скраћеницу нулте јединице и претварајући шестоцифрене хексадецималне боје у троцифрени облик где је то могуће (#фффффф → #ффф). Излаз остаје важећи ЦСС који било који претраживач правилно анализира.
Зашто минимизирати ЦСС
Мање ЦСС датотеке се брже учитавају и време блокирања рендеровања опада, што побољшава резултате прве боје са садржајем и највећег садржаја боје. За сајтове на којима Цоре Веб Виталс утичу на рангирање претраге, сваки килобајт ЦСС-а који блокира рендеровање је вредан труда.
Трошкови пропусног опсега такође су битни по обиму. Сајтови који служе милионима приказа страница штеде мерљиве количине излаза када су њихови листови стилова 30% мањи. Рачуни за ЦДН, коришћење мобилних података и потрошња енергије имају малу корист. Минификација је у суштини бесплатна — једнократни корак изградње без трошкова одржавања.
Тецхницал Детаилс
ЦСС минификација је углавном конзервативно уклањање размака. Размак унутар селектора, декларација и вредности је сачуван тамо где је значајан; размак споља је скупљен. Коментари се уклањају осим ако не почињу са /*! (коментари о очувању лиценце).
Уобичајене пречице: 0пк, 0ем и сличне вредности нулте јединице постају 0; шестоцифрене хексадецималне боје са упареним цифрама (#фффффф, #336699) постају троцифрене (#ффф, #369); последња тачка-зарез пре } је уклоњена. Називи боја се не конвертују аутоматски у хексадецимални јер је хексадецимални понекад дужи (црвена је краћа од #ф00 по дужини; #фф0000 је дужа од црвене).
Излаз треба да прође било који ЦСС валидатор који прихвата унос. Подршка претраживача је непромењена — минификација не мења сама правила, већ само њихов текстуални приказ.
Често постављана питања
- Шта уклања ЦСС минификација?
- Размак (размаци, табулатори, нови редови), коментари (/* ... */), непотребне тачке и зарезе, сувишне нуле (0,5 → .5), скраћене оптимизације (#фффффф → #ффф) и сувишне јединице (0пк → 0).
- Да ли је минимизирани ЦСС безбедан за употребу у производњи?
- Да. Минификација чува сва ЦСС правила, селекторе и вредности својстава. Излаз је функционално идентичан — претраживачи га тумаче на потпуно исти начин. То је стандардна пракса за све производне веб странице.
- Колико смањење величине треба да очекујем?
- Обично 20-50% за добро написан ЦСС. Код јако коментарисаног кода са опширним форматирањем види се већа смањења. Већ компактан ЦСС може да се смањи само 10-15%.
- Да ли треба да смањим ЦСС ако користим гзип?
- Да, обоје. Гзип компримује поновљене обрасце, док минимификација уклања непотребне знакове. Заједно обезбеђују бољу компресију него било које појединачно. Минификовани + гзиповани ЦСС је обично 85-95% мањи од оригинала.
- Да ли увек треба да минимизирам?
- За производњу да. За развојне изворне датотеке, не — читљив ЦСС је од суштинског значаја за одржавање. Покрени минимизацију у време израде, а не у време уређивања.
- Да ли је мој ЦСС постављен на сервер?
- Не. Минифиер ради у вашем претраживачу.
- Како се ово може поредити са цсснано или цссо?
- цсснано и цссо су ПостЦСС додаци за производне верзије; нуде агресивније трансформације као што је спајање сувишних правила. Овај алат покрива основну минификацију за ад-хоц употребу без подешавања изградње.
- Да ли минификација разбија изворне мапе?
- Минификација не генерише изворне мапе; овај алат производи само минимизирани излаз. Да бисте отклонили грешке у минимизираном ЦСС-у у продукцији, генеришите изворне мапе као део своје израде.