Минификатори CSS

Бо minifier CSS, шумо метавонед файлҳои сабки CSS-ро кам кунед. Бо компрессори CSS, шумо метавонед ба осонӣ вебсайтҳои худро суръат бахшед.

CSS minifier чист?

Ҳадафи minifier CSS хурд кардани файлҳои CSS дар вебсайтҳо мебошад. Ин мафҳум, ки ҳамчун муодили англисӣ (CSS Minifier) ​​истифода мешавад, танзимотро дар файлҳои CSS дар бар мегирад. Вақте ки CSS-ҳо омода мешаванд, ҳадафи асосӣ аз он иборат аст, ки маъмурони вебсайт ё кодгузорҳо сатрҳоро дуруст таҳлил кунанд. Аз ин рӯ, он аз бисёр сатрҳо иборат аст. Дар байни ин сатрҳо сатрҳои шарҳҳои нолозим ва фосила мавҷуданд. Ин аст, ки чаро файлҳои CSS хеле дароз мешаванд. Ҳамаи ин мушкилот бо минификатори CSS бартараф карда мешаванд.

Минификатори CSS чӣ кор мекунад?

Дар баробари тағирот дар файлҳои CSS; андозаҳо кам карда мешаванд, хатҳои нолозим хориҷ карда мешаванд, сатрҳои шарҳҳои нолозим ва фосилаҳо нест карда мешаванд. Ғайр аз он, агар зиёда аз як код ба CSS дохил карда шавад, ин рамзҳо низ нест карда мешаванд.

Барои ин амалиёт плагинҳо ва барномаҳои гуногун мавҷуданд, ки аксари корбарон метавонанд дастӣ иҷро кунанд. Махсусан барои одамоне, ки системаи WordPress-ро истифода мебаранд, ин равандҳоро бо плагинҳо автоматӣ кардан мумкин аст. Хамин тавр, имкони-яти рох додан ба хатохо бартараф карда шуда, натичахои самарабахштар ба даст оварда мешаванд.

Одамоне, ки WordPress-ро барои CSS истифода намебаранд ё намехоҳанд плагинҳои мавҷударо афзалтар донанд, инчунин метавонанд аз абзорҳои онлайн истифода баранд. Бо зеркашии CSS ба абзорҳои онлайн тавассути интернет, файлҳои мавҷуда дар CSS тавассути ворид кардани тағирот кам карда мешаванд. Пас аз ба итмом расидани ҳамаи равандҳо, барои зеркашии файлҳои мавҷудаи CSS ва ба вебсайт бор кардани онҳо кофӣ хоҳад буд. Ҳамин тариқ, амалиётҳо, аз қабили CSS Minify ё хурдкунӣ бомуваффақият анҷом дода мешаванд ва ҳама мушкилоти имконпазире, ки тавассути CSS барои сайт дучор мешаванд, бартараф карда мешаванд.

Чаро шумо бояд файлҳои CSS-и худро хурд кунед?

Доштани як вебсайти зуд на танҳо Google-ро шод мекунад, он ба вебсайти шумо дар ҷустуҷӯҳо баландтар шудан кӯмак мекунад ва инчунин барои меҳмонони сайти шумо таҷрибаи беҳтари корбарро фароҳам меорад.

Дар хотир доред, ки 40% одамон ҳатто 3 сонияро интизор намешаванд, то саҳифаи хонагии шумо бор карда шавад ва Google тавсия медиҳад, ки сайтҳо ҳадди аксар дар 2-3 сония бор карда шаванд.

Фишурдан бо асбоби minifier CSS манфиатҳои зиёд дорад;

  • Файлҳои хурдтар маънои онро доранд, ки андозаи умумии зеркашии сайти шумо кам мешавад.
  • Меҳмонони сайт метавонанд саҳифаҳои шуморо зудтар бор кунанд ва дастрас кунанд.
  • Меҳмонони сайт як таҷрибаи корбарро бидуни зеркашии файлҳои калонтар мегиранд.
  • Соҳибони сайт хароҷоти пасти фарохмаҷро эҳсос мекунанд, зеро маълумоти камтар тавассути шабака интиқол дода мешавад.

Чӣ тавр минификатори CSS кор мекунад?

Ин фикри хуб аст, ки пеш аз хурд кардани файлҳои сайти шумо нусхабардорӣ кунед. Шумо ҳатто метавонед онро як қадам пеш гузоред ва файлҳои худро дар сайти озмоишӣ хурд кунед. Бо ин роҳ шумо пеш аз ворид кардани тағирот ба сайти зиндаи худ боварӣ ҳосил мекунед, ки ҳама чиз кор мекунад.

Инчунин муҳим аст, ки суръати саҳифаи худро пеш ва пас аз хурд кардани файлҳои худ муқоиса кунед, то шумо метавонед натиҷаҳоро муқоиса кунед ва бубинед, ки коҳиш ягон таъсире дорад.

Шумо метавонед иҷрои суръати саҳифаи худро бо истифода аз GTmetrix, Google PageSpeed ​​​​Insights ва YSlow, як воситаи санҷиши кори кушодаасос таҳлил кунед.

Акнун биёед бубинем, ки раванди коҳишро чӣ гуна бояд анҷом дод;

1. Минификатори дастии CSS

Ба таври дастӣ хурд кардани файлҳо миқдори зиёди вақт ва кӯшишро талаб мекунад. Пас, оё шумо барои тоза кардани фосилаҳои инфиродӣ, сатрҳо ва рамзи нолозим аз файлҳо вақт доред? Шояд не. Ғайр аз вақт, ин раванди коҳиш инчунин барои хатогиҳои инсонӣ фазои бештар фароҳам меорад. Аз ин рӯ, ин усул барои хурд кардани файлҳо тавсия дода намешавад. Хушбахтона, бисёр асбобҳои ройгони минификатсияи онлайн мавҷуданд, ки ба шумо имкон медиҳанд кодро аз сайти худ нусхабардорӣ ва часбонед.

CSS minifier як воситаи ройгони онлайн барои кам кардани CSS мебошад. Вақте ки шумо кодро ба майдони матнии "Вориди CSS" нусхабардорӣ ва часбонед, асбоб CSS-ро кам мекунад. Имкониятҳо барои зеркашии баромади хурдкардашуда ҳамчун файл мавҷуданд. Барои таҳиягарон, ин асбоб инчунин API-ро таъмин мекунад.

JSCompress , JSCompress як компрессори онлайни JavaScript мебошад, ки ба шумо имкон медиҳад файлҳои JS-и худро то 80% андозаи аслии худро фишурда ва кам кунед. Рамзи худро нусхабардорӣ ва часбонед ё якчанд файлҳоро барои истифода бор кунед ва якҷоя кунед. Пас "Compress JavaScript - Compres JavaScript" -ро клик кунед.

2. Минификатори CSS бо плагинҳои PHP

Баъзе плагинҳои олӣ ҳам ройгон ва ҳам премиум мавҷуданд, ки метавонанд файлҳои шуморо бидуни иҷрои қадамҳои дастӣ хурд кунанд.

  • Якҷоя кардан,
  • кам кардан,
  • тароват,
  • Плагинҳои WordPress.

Ин плагин бештар аз кам кардани коди шуморо иҷро мекунад. Он файлҳои CSS ва JavaScript-и шуморо муттаҳид мекунад ва сипас файлҳоеро, ки бо истифода аз Minify (барои CSS) ва Google Closure (барои JavaScript) сохта шудаанд, кам мекунад. Минификатсия тавассути WP-Cron анҷом дода мешавад, то ба суръати сайти шумо таъсир нарасонад. Вақте ки мундариҷаи файлҳои CSS ё JS-и шумо тағир меёбад, онҳо дубора намоиш дода мешаванд, то ба шумо лозим нест, ки кэши худро холӣ кунед.

JCH Optimize дорои якчанд хусусиятҳои хеле хуб барои плагини ройгон аст: он CSS ва JavaScript-ро муттаҳид ва кам мекунад, HTML-ро кам мекунад, фишурдани GZip-ро барои муттаҳид кардани файлҳо ва намоиши спрайт барои тасвирҳои замина таъмин мекунад.

CSS Minify , Барои кам кардани CSS-и худ бо CSS Minify шумо танҳо бояд насб ва фаъол созед. Ба Танзимотҳо > CSS Minify гузаред ва танҳо як интихобро фаъол созед: Рамзи CSS-ро оптимизатсия кунед ва кам кунед.

Fast Velocity Minify Бо зиёда аз 20,000 насби фаъол ва рейтинги панҷситорадор, Fast Velocity Minify яке аз имконоти маъмултарин барои хурд кардани файлҳост. Барои истифода бурдани он, шумо бояд танҳо насб ва фаъол созед.

Гузаштан ба Танзимотҳо > Суръати зудро кам кунед. Дар ин ҷо шумо як қатор имконоти конфигуратсияи плагинро хоҳед ёфт, аз ҷумла истисноҳои пешрафтаи JavaScript ва CSS барои таҳиягарон, имконоти CDN ва маълумоти сервер. Танзимоти пешфарз барои аксари сайтҳо хуб кор мекунанд.

Васлкунак коҳишро дар фронт дар вақти воқеӣ ва танҳо ҳангоми дархости аввалини кэшшуда иҷро мекунад. Пас аз коркарди дархости аввал, ҳамон файли кэши статикӣ ба саҳифаҳои дигар, ки ҳамон маҷмӯи CSS ва JavaScript-ро талаб мекунанд, пешниҳод карда мешавад.

3. Минификатори CSS бо плагинҳои WordPress

Минификатори CSS як хусусияти стандартист, ки шумо одатан дар плагинҳои кэш пайдо мекунед.

  • WP мушаки,
  • W3 умумии кэш,
  • WP SuperCache,
  • WP зудтарин кэш.

Умедворем, ки қарорҳое, ки мо дар боло пешниҳод кардем, ба шумо дар бораи чӣ гуна кор кардани минификатори CSS равшанӣ доданд ва шумо метавонед фаҳмед, ки чӣ тавр шумо онро дар вебсайти худ татбиқ карда метавонед. Агар шумо қаблан ин корро карда бошед, шумо кадом усулҳои дигарро барои тезтар кардани вебсайти худ истифода кардаед? Дар бахши шарҳҳо дар Softmedal ба мо нависед, мубодилаи таҷриба ва пешниҳодҳои худро барои беҳтар кардани мундариҷаи мо фаромӯш накунед.