CSS minifikatu eta formateatu

Itsatsi zure estilo-orria eta sakatu «Minifikatu» alferrikako iruzkinak, hutsuneak eta lerro-jauziak kentzeko, edo «Formateatu» CSS konprimatu bat kode irakurgarri eta ondo koskatu bihurtzeko. Dena zure nabigatzailean egiten da.

Zer egiten du minifikatzaileak?

Nabigatzaileak behar ez duen guztia kentzen du: iruzkinak, koskak, lerro-jauziak, giltza, bi puntu, koma eta konbinatzaileen inguruko hutsuneak, eta bloke bakoitzaren azken puntu eta koma. Emaitzak %15 eta %30 artean gutxiago hartzen du normalean, eta berdin-berdin funtzionatzen du.

Ukitu ezin dena errespetatzen dugu: kateen edukia (content: "…"), url() bideak, calc() funtzioko eta media query-etako derrigorrezko hutsuneak, eta /*! ikurrarekin hasten diren iruzkinak, ohituraz lizentziak dituztenak eta gorde behar direnak.

Minifikatu produkzioan

Byte gutxiagok deskarga azkarragoa eta Core Web Vitals metrika hobeak esan nahi dituzte, batez ere mugikorretan. Minifikatzeaz gain, aktibatu gzip edo Brotli konpresioa zerbitzarian, CSSa askoz gehiago txikitzen baitu, eta zerbitzatu fitxategiak iraupen luzeko cachearekin.

Konpilazio-tresnak dituen proiektu batean (Vite, webpack, PostCSS…) cssnano edo Lightning CSS tresnek automatikoki egiten dute minifikazioa; tresna hau erabilgarria da webgune sinpleetarako, txantiloietarako edo beste orri baten CSS minifikatua irakurtzeko (formateatzeko).