CSS минификатору

CSS минификатор деген эмне?

CSS минификатору веб-сайттардагы CSS файлдарын кичирейтүүгө багытталган. Англисче эквивалент (CSS Minifier) ​​катары колдонулган бул түшүнүк CSS файлдарындагы аранжировканы камтыйт. CSS даярдалганда, веб-сайттын администраторлору же кодерлору саптарды туура талдоо үчүн негизги максат болуп саналат. Ошондуктан, ал ушунчалык көп саптардан турат. Бул саптардын ортосунда керексиз комментарий саптары жана боштуктар бар. Ушундан улам CSS файлдары абдан узун болуп калат. Бул көйгөйлөрдүн баары CSS минификатору менен жок кылынат.

CSS минификатору эмне кылат?

CSS файлдарына киргизилген өзгөртүүлөр менен бирге; өлчөмдөрү кыскартылат, керексиз сызыктар алынып салынат, керексиз комментарий саптары жана боштуктар жок кылынат. Андан тышкары, эгер бирден ашык код CSSке кирсе, бул коддор да жок кылынат.

Бул операциялар үчүн ар кандай плагиндер жана тиркемелер бар, аларды көпчүлүк колдонуучулар кол менен аткара алышат. Өзгөчө WordPress тутумун колдонгон адамдар үчүн бул процесстер плагиндер менен автоматташтырылышы мүмкүн. Ошентип, ката кетирүү мүмкүндүгү жоюлат жана кыйла натыйжалуу натыйжалар алынат.

CSS үчүн WordPress колдонбогон же учурдагы плагиндерди артык көргүсү келбегендер онлайн куралдарды да колдоно алышат. CSSти интернет аркылуу онлайн куралдарга жүктөө менен, CSSдеги бар файлдар өзгөртүү киргизүү менен кыскартылат. Бардык процесстер аяктагандан кийин, учурдагы CSS файлдарын жүктөп алуу жана аларды веб-сайтка жүктөө жетиштүү болот. Ошентип, CSS Minify же кичирейтүү сыяктуу операциялар ийгиликтүү аяктайт жана сайт үчүн CSS аркылуу пайда болушу мүмкүн болгон бардык көйгөйлөр жок кылынат.

Эмне үчүн CSS файлдарыңызды кичирейтиңиз?

Ыкчам веб-сайтка ээ болуу Google'ду гана бактылуу кылбастан, веб-сайтыңыздын издөөлөрдөгү рейтингин жогорулатууга жардам берет жана сайтка келгендер үчүн жакшыраак колдонуучу тажрыйбасын камсыз кылат.

Эсиңизде болсун, адамдардын 40% сиздин башкы баракчаңыздын жүктөлүшүн 3 секунд күтпөйт жана Google сайттарды эң көп дегенде 2-3 секунданын ичинде жүктөөнү сунуштайт.

CSS минификатор куралы менен кысуу көптөгөн артыкчылыктарга ээ;

• Кичинекей файлдар сиздин сайттын жалпы жүктөө көлөмү азайганын билдирет.
• Сайттын коноктору сиздин баракчаларыңызды тезирээк жүктөй алышат.
• Сайттын коноктору чоңураак файлдарды жүктөөсүз эле колдонуучу тажрыйбасына ээ болушат.
• Сайт ээлери азыраак маалымат тармагы аркылуу өткөрүлөт, анткени өткөрүү жөндөмдүүлүгүнүн баасы төмөн.

CSS минификатору кантип иштейт?

Сайтыңыздын файлдарын кичирейтүүдөн мурун алардын камдык көчүрмөсүн алып койгонуңуз жакшы. Сиз дагы бир кадам алдыга жылдырып, файлдарыңызды сыноо сайтында кичирейте аласыз. Ушундай жол менен сиз жандуу сайтыңызга өзгөртүүлөрдү киргизүүдөн мурун бардыгынын иштеп жатканын текшересиз.

Натыйжаларды салыштырып, кичирейтүү кандайдыр бир таасир тийгизгенин көрө билүү үчүн файлдарыңызды кичирейткенге чейинки жана андан кийинки баракчаңыздын ылдамдыгын салыштыруу да маанилүү.

Сиз GTmetrix, Google PageSpeed ​​​​Insights жана ачык булактагы өндүрүмдүүлүктү текшерүү куралы болгон YSlow аркылуу баракчаңыздын ылдамдыгын талдай аласыз.

Эми кыскартуу процессин кантип жасоону карап көрөлү;

1. Кол менен CSS минификатору

Файлдарды кол менен кичирейтүү бир топ убакытты жана күчтү талап кылат. Ошентип, файлдардан жеке боштуктарды, сызыктарды жана керексиз кодду алып салууга убактыңыз барбы? Балким, андай эмес. Убакыттын өтүшү менен бул кыскартуу процесси адам катасы үчүн көбүрөөк орун берет. Ошондуктан, бул ыкма файлдарды кичирейтүү үчүн сунушталбайт. Бактыга жараша, сайтыңыздан кодду көчүрүп жана чаптоого мүмкүндүк берген көптөгөн акысыз онлайн минификациялоо куралдары бар.

CSS минификатору - бул CSS кичирейтүү үчүн акысыз онлайн курал. Кодду "Киргизүү CSS" текст талаасына көчүрүп, чаптаганыңызда, курал CSSти кичирейтет. Кичирейтилген чыгарууну файл катары жүктөө үчүн варианттар бар. Иштеп чыгуучулар үчүн бул курал API менен да камсыз кылат.

JSCompress , JSCompress - бул JS файлдарыңызды баштапкы өлчөмүнүн 80% га чейин кысуу жана кыскартууга мүмкүндүк берген онлайн JavaScript компрессору. Кодуңузду көчүрүп, чаптаңыз же колдонуу үчүн бир нече файлды жүктөп берип, бириктириңиз. Андан кийин "JavaScript'ти кысуу - JavaScript'ти кысуу" баскычын чыкылдатыңыз.

2. PHP плагиндери менен CSS минификатору

Кол менен кадамдарды жасабастан эле файлдарыңызды кичирейте турган акысыз жана премиум плагиндери бар.

• бириктирүү,
• кичирейтүү,
• жаңылоо,
• WordPress плагиндери.

Бул плагин сиздин кодуңузду кичирейтүү менен гана чектелбейт. Ал сиздин CSS жана JavaScript файлдарыңызды бириктирип, андан кийин Minify (CSS үчүн) жана Google Closure (JavaScript үчүн) аркылуу түзүлгөн файлдарды кичирейтет. Кичирейтүү WP-Cron аркылуу жасалат, андыктан ал сиздин сайттын ылдамдыгына таасирин тийгизбейт. CSS же JS файлдарыңыздын мазмуну өзгөргөндө, кэшиңизди бошотпойсуз, алар кайра көрсөтүлөт.

JCH Optimize бекер плагин үчүн абдан жакшы мүмкүнчүлүктөргө ээ: ал CSS жана JavaScriptти бириктирет жана кичирейтет, HTMLди кичирейтет, файлдарды бириктирүү үчүн GZip кысуусун жана фон сүрөттөрү үчүн спрайт көрсөтүүнү камсыз кылат.

CSS Minify , CSS Minify менен CSS'иңизди кичирейтүү үчүн жөн гана орнотуп, иштетишиңиз керек. Орнотуулар > CSS кичирейтүүгө өтүңүз жана бир гана параметрди иштетиңиз: CSS кодун оптималдаштыруу жана кичирейтүү.

Fast Velocity Minify 20,000ден ашуун активдүү орнотуулары жана беш жылдыздуу рейтинги менен Fast Velocity Minify файлдарды кичирейтүү үчүн жеткиликтүү болгон эң популярдуу варианттардын бири. Аны колдонуу үчүн, сиз жөн гана орнотуп, активдештирүү керек.

Орнотуулар > Ыкчам ылдамдыкты кичирейтүүгө өтүңүз. Бул жерде сиз плагинди конфигурациялоонун бир катар варианттарын таба аласыз, анын ичинде иштеп чыгуучулар үчүн өркүндөтүлгөн JavaScript жана CSS өзгөчөлүктөр, CDN параметрлери жана сервер маалыматы. Демейки жөндөөлөр көпчүлүк сайттар үчүн жакшы иштейт.

Плагин фронтондо кичирейтүүнү реалдуу убакытта жана биринчи кэштелбеген сурам учурунда гана аткарат. Биринчи сурам иштетилгенден кийин, ошол эле статикалык кэш файлы ошол эле CSS жана JavaScript топтомун талап кылган башка барактарга берилет.

3. WordPress плагиндери менен CSS минификатору

CSS минификатору - бул адатта плагиндерди кэштөөдө таба турган стандарттуу функция.

• WP ракетасы,
• W3 Жалпы кэш,
• WP SuperCache,
• WP тез кэш.

Биз жогоруда сунуштаган чечимдер сизге CSS минификаторун кантип жасоо керектиги боюнча жарык берди жана сиз аны веб-сайтыңызга кантип колдонууну түшүнөсүз деп үмүттөнөбүз. Эгер сиз буга чейин муну жасаган болсоңуз, веб-сайтыңызды тезирээк кылуу үчүн дагы кандай ыкмаларды колдондуңуз? Softmedal боюнча комментарийлер бөлүмүндө бизге жазыңыз, биздин мазмунду жакшыртуу боюнча тажрыйба жана сунуштар менен бөлүшүүнү унутпаңыз.