CSS Yareeyaha

Waa maxay CSS miniifier?

CSS miniifier wuxuu higsanayaa inuu yareeyo faylasha CSS ee shabakadaha. Fikradan, oo loo isticmaalo sida Ingiriisi u dhiganta (CSS Minifier), waxa ku jira habaynta faylasha CSS. Marka CSS-yada la diyaariyo, yoolka ugu weyn waa maamulayaasha shabakadaha ama cod-bixiyayaasha inay si sax ah u falanqeeyaan khadadka. Sidaa darteed, waxay ka kooban tahay sadar aad u badan. Waxaa jira khadadka faallooyinka aan loo baahnayn iyo meelo bannaan oo u dhexeeya khadadkan. Tani waa sababta faylasha CSS ay u noqdaan kuwo aad u dheer. Dhibaatooyinkan oo dhan waxaa lagu baabi'iyaa miniifier CSS.

Muxuu sameeyaa CSS miniifier?

Oo ay la socdaan isbeddelada lagu sameeyay faylasha CSS; cabbirrada waa la dhimay, khadadka aan loo baahnayn waa la saaray, khadadka faallooyinka aan loo baahnayn iyo meelaha bannaan waa la tirtiray. Intaa waxaa dheer, haddii in ka badan hal kood lagu daro CSS-ta, furayaashan sidoo kale waa la tirtiraa.

Waxaa jira plug-in iyo codsiyo kala duwan oo loogu talagalay hawlgalladan oo isticmaalayaasha intooda badani ay gacanta ku qaban karaan. Gaar ahaan dadka isticmaala nidaamka WordPress, hababkan waxaa lagu hagaajin karaa plugins. Sidaa darteed, suurtagalnimada khaladaadka waa la tirtiraa waxaana la helaa natiijooyin waxtar leh.

Dadka aan u isticmaalin WordPress ee CSS ama aan rabin inay doorbidaan plugins jira waxay sidoo kale isticmaali karaan aaladaha internetka. Marka la soo dejiyo CSS-ka aaladaha onlaynka ah ee interneedka, faylalka jira ee CSS waa la dhimay iyadoo isbedel lagu sameeyo. Ka dib marka dhammaan hababka la dhammeeyo, waxay ku filnaan doontaa inaad soo dejiso faylasha CSS ee jira oo aad geliso bogga internetka. Markaa, hawlgallada sida CSS Minify ama yaraanta ayaa loo dhammayn doonaa si guul leh, iyo dhammaan dhibaatooyinka suurtogalka ah ee laga yaabo inay kala kulmaan CSS ee goobta waa la tirtiri doonaa.

Waa maxay sababta aad u yarayso faylashaada CSS?

Lahaanshaha degel deg deg ah kaliya maaha inay ka farxiso Google, waxay ka caawisaa degelkaaga inay sare u kacdo raadinta waxayna sidoo kale siisaa khibrad isticmaale oo wanaagsan booqdayaasha boggaaga.

Xusuusnow, 40% dadku xitaa ma sugaan 3 ilbiriqsi si uu boggaga guriga u soo shubo, Google-na waxa ay ku talisaa in goobuhu ku shubaan 2-3 ilbiriqsi gudahood ugu badnaan.

Ku cadaadinta qalabka CSS miniifier waxay leedahay faa'iidooyin badan;

• Faylasha yaryar waxay ka dhigan yihiin cabbirka guud ee goobtaada la dhimay.
• Soo-booqdayaasha goobta ayaa si degdeg ah u soo shubi kara oo geli kara boggagaaga.
• Booqdayaasha goobta waxay helayaan khibrad isticmaale oo la mid ah iyaga oo aan soo dejin faylal waaweyn.
• Milkiilayaasha goobta waxay la kulmaan kharash yar oo xajmiyeed sababtoo ah xog yar ayaa lagu kala qaadaa shabakada.

Sidee buu u shaqeeyaa CSS miniifier?

Waa fikrad wanaagsan inaad dib u soo celiso faylalka boggaaga ka hor inta aanad yarayn. Xitaa waxaad qaadi kartaa tallaabo dheeraad ah oo aad ku yareyn kartaa faylashaada goobta tijaabada ah. Sidan ayaad u hubisaa in wax walba ay socdaan oo ay socdaan ka hor inta aanad isbeddel ku samayn goobtaada tooska ah.

Waxa kale oo muhiim ah in la barbardhigo xawaaraha boggaaga ka hor iyo ka dib dhimista faylashaada si aad u barbardhigto natiijooyinka oo aad u aragto haddii yaraanta ay wax saameyn ah ku yeelatay.

Waxaad ku falanqeyn kartaa waxqabadka xawaaraha boggaaga adigoo isticmaalaya GTmetrix, Google PageSpeed ​​​​Insights, iyo YSlow, qalab tijaabo hawleedka il furan.

Hadda aan aragno sida loo sameeyo habka dhimista;

1. Buug-yaraha CSS ee gacanta

Faylasha gacanta ku dhimaya waxay qaadataa waqti iyo dadaal badan. Markaa ma haysaa wakhti aad kaga saarto meelaha gaarka ah, khadadka iyo koodka aan loo baahnayn ee faylasha? Malaha maya. Marka laga reebo waqtiga, habkan dhimista ayaa sidoo kale siinaya meel badan oo loogu talagalay qaladka aadanaha. Sidaa darteed, habkan laguma talinayo in la yareeyo faylasha. Nasiib wanaag, waxaa jira qalab yaraynta khadka tooska ah oo bilaash ah oo kuu oggolaanaya inaad nuqul ka sameyso oo aad koodhka ka dhejiso goobtaada.

CSS miniifier waa qalab online ah oo bilaash ah si loo yareeyo CSS. Markaad koobiyayso oo aad koodhka ku dhejiso goobta qoraalka "Input CSS", qalabku wuxuu yareeyaa CSS-ka. Waxaa jira xulashooyin lagu soo dejisan karo wax soo saarka la yareeyay sida fayl ahaan. Horumarinta, qalabkani wuxuu kaloo bixiyaa API.

JSCompress , JSCompress waa kombaresarada internetka ee JavaScript kaas oo kuu ogolaanaya inaad cadaadiso oo aad hoos u dhigto faylashaada JS ilaa 80% cabbirkooda asalka ah. Nuqul oo dheji koodkaaga ama soo rar oo isku dar faylal badan si aad u isticmaasho. Ka dib dhagsii "Cudurka JavaScript - Ku cadaadi JavaScript".

2. CSS miniifier oo leh plugins PHP

Waxaa jira qaar ka mid ah plugins weyn, oo bilaash ah iyo labadaba, kuwaas oo yareyn kara faylashaada adiga oo aan samaynin tallaabooyinka gacanta.

• Isku dar,
• dhimis,
• dib u cusboonaysii,
• WordPress Plugins.

Pluginkani wax ka badan ayuu yareeyaa koodkaaga. Waxay isku daraysaa faylashaada CSS iyo JavaScript ka dibna waxay yaraynaysaa faylalka la abuuray iyadoo la isticmaalayo Miniify (loogu talagalay CSS) iyo Google Closure (loogu talagalay JavaScript). Yaraynta waxaa lagu sameeyaa WP-Cron si aysan u saameynin xawaaraha goobtaada. Marka waxa ku jira faylashaada CSS ama JS ay isbedelaan, dib ayaa loo sameeyaa si aanad faaruqin kaydkaaga.

JCH Optimize waxay leedahay sifooyin aad u wanaagsan oo loogu talagalay plugin bilaash ah: waxay isku daraysaa oo yaraynaysaa CSS iyo JavaScript, waxay yaraynaysaa HTML, waxay siisaa isku-darka GZip si ay isugu darto faylasha, iyo u-bandhigidda sawirada asalka ah.

CSS Miniify , Waxa kaliya oo aad u baahan tahay in aad rakibto oo aad dhaqaajiso si aad CSS-gaaga ugu yarayso CSS Minify. Tag Settings> CSS Minify oo awood hal doorasho oo keliya: Habee oo yaree koodka CSS.

Xawaare Dhakhso Leh Iyadoo in ka badan 20,000 rakibo firfircoon ah iyo qiimeynta shan-xiddig, Xawaare Degdega ah Miniify waa mid ka mid ah xulashooyinka ugu caansan ee loo heli karo faylalka yaraanaya. Si aad u isticmaasho, kaliya waxaad u baahan tahay inaad rakibto oo aad dhaqaajiso.

Tag Settings> Degdega Xawaare Dhakhso. Halkan waxa aad ka heli doontaa tiro ikhtiyaari ah oo lagu habayn karo plugin, oo ay ku jiraan JavaScript horumarsan iyo CSS ka-reebista horumariyayaasha, fursadaha CDN, iyo macluumaadka server-ka. Dejinta caadiga ah waxay si fiican ugu shaqeeyaan inta badan bogagga.

Plugin-ku wuxuu ku shaqeeyaa hoos u dhaca dhinaca hore ee wakhtiga dhabta ah iyo kaliya inta lagu jiro codsiga ugu horreeya ee aan kaydsaneyn. Ka dib markii codsiga kowaad la habeeyo, isla faylka kaydinta joogtada ah ayaa la geeyaa bogag kale oo u baahan isla isku mid ah CSS iyo JavaScript.

3. CSS miniifier oo leh plugins WordPress

CSS miniifier waa sifo caadi ah oo aad inta badan ka heli doonto kaydinta plugins.

• WP Gantaal,
• W3 Wadarta Cache,
• WP SuperCache,
• WP Cache ugu dhaqsaha badan.

Waxaan rajeyneynaa in xalalka aan kor ku soo bandhignay ay kuu iftiimiyeen sida loo sameeyo miniifier CSS oo aad fahmi karto sida aad ugu dabaqi karto boggaaga. Haddii aad tan hore u samaysay, waa maxay hababka kale ee aad isticmaashay si aad u dhaqso badan u sameyso boggaaga? Noogu qor qaybta faallooyinka ee Softmedal, ha ilaawin inaad wadaagto khibradaada iyo soo jeedintaada si aad u horumariso nuxurkayaga.