CSS Miniifier

Pẹlu CSS miniifier, o le dinku awọn faili ara CSS. Pẹlu konpireso CSS, o le yara awọn oju opo wẹẹbu rẹ ni irọrun.

Kini CSS miniifier?

CSS miniifier ni ero lati dinku awọn faili CSS lori awọn oju opo wẹẹbu. Erongba yii, eyiti o jẹ deede Gẹẹsi (CSS Minifier), pẹlu iṣeto ni awọn faili CSS. Nigbati awọn CSS ba ti pese sile, ibi-afẹde akọkọ ni fun awọn alabojuto oju opo wẹẹbu tabi awọn olupilẹṣẹ lati ṣe itupalẹ awọn laini daradara. Nitorina, o oriširiši ki ọpọlọpọ awọn ila. Awọn laini asọye ti ko wulo ati awọn alafo wa laarin awọn ila wọnyi. Eyi ni idi ti awọn faili CSS di pipẹ pupọ. Gbogbo awọn iṣoro wọnyi ni a yọkuro pẹlu minififẹ CSS.

Kini CSS miniifier ṣe?

Pẹlú awọn iyipada ti a ṣe ninu awọn faili CSS; awọn iwọn ti wa ni dinku, kobojumu ila ti wa ni kuro, kobojumu ọrọìwòye ila ati awọn alafo ti wa ni paarẹ. Jubẹlọ, ti o ba ti ju ọkan koodu ti wa ni o wa ninu awọn CSS, awọn koodu ti wa ni tun paarẹ.

Orisirisi awọn plug-ins ati awọn ohun elo fun awọn iṣẹ wọnyi ti ọpọlọpọ awọn olumulo le ṣe pẹlu ọwọ. Paapa fun awọn eniyan ti nlo eto Wodupiresi, awọn ilana wọnyi le jẹ adaṣe pẹlu awọn afikun. Nitorinaa, o ṣeeṣe ti ṣiṣe awọn aṣiṣe ti yọkuro ati pe a gba awọn abajade to munadoko diẹ sii.

Awọn eniyan ti ko lo Wodupiresi fun CSS tabi ko fẹ lati fẹ awọn afikun ti o wa tẹlẹ tun le lo awọn irinṣẹ ori ayelujara. Nipa gbigba CSS si awọn irinṣẹ ori ayelujara lori intanẹẹti, awọn faili ti o wa ninu CSS dinku nipasẹ ṣiṣe awọn ayipada. Lẹhin gbogbo awọn ilana ti pari, yoo to lati ṣe igbasilẹ awọn faili CSS ti o wa tẹlẹ ati gbe wọn si oju opo wẹẹbu naa. Nitorinaa, awọn iṣẹ bii CSS Minify tabi idinku yoo pari ni aṣeyọri, ati pe gbogbo awọn iṣoro ti o ṣeeṣe ti o le ni iriri nipasẹ CSS fun aaye naa yoo parẹ.

Kini idi ti o yẹ ki o dinku awọn faili CSS rẹ?

Nini oju opo wẹẹbu ti o yara kii ṣe idunnu Google nikan, o ṣe iranlọwọ fun ipo oju opo wẹẹbu rẹ ga ni awọn wiwa ati tun pese iriri olumulo ti o dara julọ fun awọn alejo aaye rẹ.

Ranti, 40% eniyan ko paapaa duro fun iṣẹju-aaya 3 fun oju-iwe akọkọ rẹ lati ṣajọpọ, ati pe Google ṣeduro awọn aaye fifuye laarin awọn iṣẹju 2-3 pupọ julọ.

Ṣiṣepọ pẹlu ọpa minififẹ CSS ni ọpọlọpọ awọn anfani;

  • Awọn faili kekere tumọ si iwọn igbasilẹ gbogbogbo ti aaye rẹ dinku.
  • Awọn alejo aaye le ṣajọpọ ati wọle si awọn oju-iwe rẹ ni iyara.
  • Awọn alejo aaye gba iriri olumulo kanna laisi nini lati ṣe igbasilẹ awọn faili nla.
  • Awọn oniwun aaye ni iriri awọn idiyele bandiwidi kekere nitori data ti o kere si ti wa ni gbigbe lori nẹtiwọọki naa.

Bawo ni CSS miniifier ṣiṣẹ?

O jẹ imọran ti o dara lati ṣe afẹyinti awọn faili aaye rẹ ṣaaju idinku wọn. O le paapaa gbe igbesẹ siwaju ki o dinku awọn faili rẹ lori aaye idanwo kan. Ni ọna yii o rii daju pe ohun gbogbo wa ni oke ati ṣiṣe ṣaaju ṣiṣe awọn ayipada si aaye ifiwe rẹ.

O tun ṣe pataki lati ṣe afiwe iyara oju-iwe rẹ ṣaaju ati lẹhin idinku awọn faili rẹ ki o le ṣe afiwe awọn abajade ki o rii boya idinku ti ni ipa eyikeyi.

O le ṣe itupalẹ iṣẹ iyara oju-iwe rẹ nipa lilo GTmetrix, Awọn imọ-jinlẹ Oju-iwe Google, ati YSlow, ohun elo idanwo iṣẹ orisun ṣiṣi.

Bayi jẹ ki a wo bi a ṣe le ṣe ilana idinku;

1. Afowoyi CSS minifier

Awọn faili idinku pẹlu ọwọ gba iye pataki ti akoko ati igbiyanju. Nitorina ṣe o ni akoko lati yọ awọn aaye kọọkan, awọn laini ati koodu ti ko ni dandan lati awọn faili? Boya beeko. Yato si akoko, ilana idinku yii tun pese aaye diẹ sii fun aṣiṣe eniyan. Nitorina, ọna yii ko ṣe iṣeduro fun idinku awọn faili. O da, ọpọlọpọ awọn irinṣẹ miniification ori ayelujara ti o gba ọ laaye lati daakọ ati lẹẹ koodu lati aaye rẹ.

CSS minifier jẹ ohun elo ori ayelujara ọfẹ lati dinku CSS. Nigbati o ba daakọ ati lẹẹ koodu naa sinu aaye ọrọ “Input CSS”, ọpa naa dinku CSS naa. Awọn aṣayan wa lati ṣe igbasilẹ iṣẹjade ti o dinku bi faili kan. Fun awọn olupilẹṣẹ, ọpa yii tun pese API kan.

JSCompress , JSCompress jẹ kọnputa JavaScript ori ayelujara ti o fun ọ laaye lati compress ati dinku awọn faili JS rẹ si 80% ti iwọn atilẹba wọn. Daakọ ati lẹẹ koodu rẹ mọ tabi gbejade ati ṣajọpọ awọn faili lọpọlọpọ lati lo. Lẹhinna tẹ “Compress JavaScript – Compress JavaScript”.

2. CSS minifier pẹlu PHP afikun

Awọn afikun nla kan wa, mejeeji ọfẹ ati Ere, ti o le dinku awọn faili rẹ laisi nini lati ṣe awọn igbesẹ afọwọṣe.

  • Dapọ,
  • dinku,
  • tunu,
  • Awọn afikun Wodupiresi.

Ohun itanna yii ṣe diẹ sii ju miniify koodu rẹ lọ. O dapọ mọ CSS rẹ ati awọn faili JavaScript ati lẹhinna dinku awọn faili ti o ṣẹda nipa lilo Minify (fun CSS) ati Google Closure (fun JavaScript). Minification jẹ ṣiṣe nipasẹ WP-Cron ki o ko ni ipa lori iyara aaye rẹ. Nigbati akoonu CSS tabi awọn faili JS rẹ ba yipada, wọn ti tun ṣe nitori o ko ni lati sọ kaṣe rẹ di ofo.

JCH Optimize ni diẹ ninu awọn ẹya ti o dara lẹwa fun ohun itanna ọfẹ: o dapọ ati dinku CSS ati JavaScript, dinku HTML, pese funmorawon GZip lati darapo awọn faili, ati ṣiṣe sprite fun awọn aworan abẹlẹ.

CSS Minify , Iwọ nikan nilo lati fi sori ẹrọ ati muu ṣiṣẹ lati dinku CSS rẹ pẹlu CSS Miniify. Lọ si Eto> CSS Minify ati mu aṣayan kan ṣiṣẹ: Mu ki o dinku koodu CSS.

Iyara Iyara Minify Pẹlu diẹ sii ju awọn fifi sori ẹrọ lọwọ 20,000 ati idiyele irawọ marun, Iyara Iyara Minify jẹ ọkan ninu awọn aṣayan olokiki julọ ti o wa fun idinku awọn faili. Lati lo, o nilo lati fi sori ẹrọ ati muu ṣiṣẹ.

Lọ si Eto> Iyara Iyara Minify. Nibi iwọ yoo wa nọmba awọn aṣayan fun atunto ohun itanna, pẹlu JavaScript ilọsiwaju ati awọn imukuro CSS fun awọn olupolowo, awọn aṣayan CDN, ati alaye olupin. Awọn eto aiyipada ṣiṣẹ daradara fun ọpọlọpọ awọn aaye.

Ohun itanna naa n ṣe idinku lori iwaju iwaju ni akoko gidi ati lakoko ibeere akọkọ ti kii ṣe cache nikan. Lẹhin ti ibeere akọkọ ti ni ilọsiwaju, faili kaṣe aimi kanna yoo wa si awọn oju-iwe miiran ti o nilo eto kanna ti CSS ati JavaScript.

3. CSS minifier pẹlu WordPress afikun

CSS minifier jẹ ẹya boṣewa ti iwọ yoo rii nigbagbogbo ni awọn afikun caching.

  • WP Rocket,
  • W3 Lapapọ Kaṣe,
  • WP SuperCache,
  • WP Yara Kaṣe.

A nireti pe awọn ojutu ti a ti ṣafihan loke ti tan ọ loju bi o ṣe le ṣe minififisonu CSS ati pe o le loye bii o ṣe le lo si oju opo wẹẹbu rẹ. Ti o ba ti ṣe eyi tẹlẹ, awọn ọna miiran wo ni o ti lo lati jẹ ki oju opo wẹẹbu rẹ yarayara? Kọ si wa ni apakan awọn asọye lori Softmedal, maṣe gbagbe lati pin awọn iriri ati awọn imọran rẹ lati mu akoonu wa dara si.