CSS әдемілегіш және минификатор
Ретсіз CSS кодын оқу үшін шегіністерін реттеңіз немесе ережелердің ретін ешқашан өзгертпейтін қауіпсіз режимде минификациялаңыз.
CSS кодыңыз браузеріңізде форматталады және минификацияланады. BroBroGo серверіне ештеңе жіберілмейді.
Жиі қойылатын сұрақтар
Әдемілеу (beautify) мен минификациялау (minify) арасында қандай айырмашылық бар?
Әдемілеу (Beautify) стильдеріңізді оқу және өңдеу оңай болуы үшін шегіністер мен бос орындарды реттейді. Минификациялау (Minify) керісінше әрекет етеді — ол браузерге қажеті жоқ бос орындар мен түсініктемелерді алып тастайды және түстер сияқты мәндерді қысқартады, нәтижесінде файл кішірейіп, тезірек жүктеледі. Жұмыс барысында әдемілеуді, ал жобаны шығарар алдында минификациялауды қолданыңыз.
Қауіпсіз (Safe) және Оңтайландырылған (Optimized) сығу параметрлері не істейді?
Қауіпсіз (Safe) режимі тек бос орындар мен түсініктемелерді жойып, мәндерді қысқартады, әрбір ережені өз орнында қалдырады. Оңтайландырылған (Optimized) режимі одан әрі барып, файл көлемін кішірейту үшін қайталанатын селекторлар мен ережелерді біріктіреді — ол ережелердің ретін өзгертуі мүмкін, сондықтан код ретіне тәуелді стиль кестелерін қолданар алдында тексеріп алған жөн. /*! … */ түрінде белгіленген түсініктемелер екі режимде де сақталады.
Минификациялау парағымның сыртқы түрін өзгерте ме?
Қауіпсіз (Safe) режимінде жоқ — стильдеріңіз дәл бұрынғыдай көрсетіледі. Ол бос орындарды қысқартады, қарапайым түсініктемелерді өшіреді және мәндерді қысқарақ балама түрге ауыстырады (мысалы, #ffffff мәнін #fff қылады), бірақ вендорлық префикстерді немесе заманауи синтаксисті ешқашан өзгертпейді. Оңтайландырылған (Optimized) режимі ережелерді де біріктіреді, бұл барлық стиль кестелерінде бірдей көрінгенімен, ережелер реті маңызды болса, нәтижені тексеріп алған дұрыс.