CSS Kiçeldiji

CSS kiçeldiji näme?

CSS kiçeldiji web sahypalarynda CSS faýllaryny gysgaltmagy maksat edinýär. Iňlis ekwiwalenti (CSS Minifier) ​​hökmünde ulanylýan bu düşünje, CSS faýllarynda tertibi öz içine alýar. CSS taýýarlananda esasy maksat web sahypasynyň dolandyryjylary ýa-da kodlaýjylary setirleri dogry seljermekdir. Şonuň üçin ol köp setirden durýar. Bu setirleriň arasynda gereksiz düşündiriş setirleri we boşluklar bar. Şonuň üçin CSS faýllary gaty uzyn bolýar. Bu meseleleriň hemmesi CSS kiçeldiji bilen ýok edilýär.

CSS kiçeldiji näme edýär?

CSS faýllarynda edilen üýtgeşmeler bilen birlikde; ölçegleri azalýar, gereksiz setirler aýrylýar, gereksiz teswir setirleri we boşluklar pozulýar. Mundan başga-da, CSS-de birden köp kod bar bolsa, bu kodlar hem pozulýar.

Ulanyjylaryň köpüsiniň el bilen ýerine ýetirip bilýän bu amallary üçin dürli pluginler we programmalar bar. Esasanam WordPress ulgamyny ulanýan adamlar üçin bu amallar pluginler bilen awtomatlaşdyrylyp bilner. Şeýlelik bilen, ýalňyşlyk goýbermek mümkinçiligi aradan aýrylýar we has täsirli netijeler gazanylýar.

CSS üçin WordPress ulanmaýan ýa-da bar bolan pluginleri halamaýan adamlar onlaýn gurallary hem ulanyp bilerler. CSS-ni internet arkaly onlaýn gurallara göçürip almak bilen, CSS-de bar bolan faýllar üýtgeşmeler girizmek arkaly azalýar. Thehli amallar gutaransoň, bar bolan CSS faýllaryny göçürip alyp, web sahypasyna ýüklemek ýeterlikdir. Şeýlelik bilen, CSS Minify ýa-da kiçeltmek ýaly amallar üstünlikli tamamlanar we sahypa üçin CSS arkaly ýüze çykyp biljek ähli kynçylyklar ýok ediler.

Näme üçin CSS faýllaryňyzy gysgaltmaly?

Çalt web sahypasynyň bolmagy diňe bir Google-ny begendirmek bilen çäklenmän, gözlegleriňizde web sahypaňyzy has ýokary derejä çykarmaga we sahypa girýänler üçin has gowy ulanyjy tejribesini üpjün edýär.

Peopleadyňyzdan çykarmaň, adamlaryň 40% -i baş sahypaňyzyň ýüklenmegine 3 sekunt hem garaşmaýarlar we Google saýtlara iň köp 2-3 sekundyň içinde ýüklemegi maslahat berýär.

CSS kiçeldiji gural bilen gysylmagyň köp peýdasy bar;

• Has kiçi faýllar, sahypaňyzyň umumy göçürip almagyň göwrüminiň azalandygyny aňladýar.
• Sahypa girýänler sahypalaryňyza has çalt ýükläp we girip bilerler.
• Sahypa girýänler has uly faýllary göçürip almazdan şol bir ulanyjy tejribesini alýarlar.
• Saýtyň eýeleri has az geçirijilik çykdajylaryny başdan geçirýärler, sebäbi torda az maglumat geçirilýär.

CSS kiçeldiji nähili işleýär?

Sahypaňyzyň faýllaryny gysgaltmazdan ozal ätiýaçlyk etmek gowy pikir. Hatda bir ädim öňe gidip, synag sahypasyndaky faýllaryňyzy gysgaldyp bilersiňiz. Şeýlelik bilen, göni sahypaňyza üýtgeşmeler girizmezden ozal hemme zadyň işleýändigine we işleýändigine göz ýetiriň.

Netijeleri deňeşdirip, kiçelmegiň haýsydyr bir täsiriniň bardygyny görmek üçin faýllaryňyzy gysgaltmazdan ozal we soň sahypaňyzyň tizligini deňeşdirmek möhümdir.

Sahypanyň tizligini öndürijiligini GTmetrix, Google PageSpeed ​​Insights we açyk çeşme öndürijilik synag guraly YSlow ulanyp analiz edip bilersiňiz.

Indi azaltmak prosesini nädip etmelidigini göreliň;

1. El bilen CSS kiçeldiji

Faýllary el bilen gysmak ep-esli wagt we güýji talap edýär. Şeýlelik bilen faýllardan aýratyn boşluklary, setirleri we gereksiz kody aýyrmaga wagtyňyz barmy? Nothtimal däl. Wagtdan başga-da, bu azaltmak prosesi adam ýalňyşlygy üçin has köp ýer berýär. Şonuň üçin faýllary gysgaltmak üçin bu usul maslahat berilmeýär. Bagtymyza, sahypaňyzdan kod göçürmäge we goýmaga mümkinçilik berýän mugt onlaýn kiçeltmek gurallary bar.

CSS minifier CSS -i kiçeltmek üçin mugt onlaýn guraldyr. Kody “Giriş CSS” tekst meýdanyna göçürip alanyňyzda, gural CSS-ni kiçeldýär. Faýl hökmünde kiçeldilen çykyşy göçürip almak üçin mümkinçilikler bar. Döredijiler üçin bu gural API-ni hem üpjün edýär.

JSCompress , JSCompress, JS faýllaryňyzy asyl ululygynyň 80% -ine çenli gysmaga we azaltmaga mümkinçilik berýän onlaýn JavaScript kompressorydyr. Koduňyzy göçüriň ýa-da goýuň ýa-da ulanmak üçin birnäçe faýly ýükläň we birleşdiriň. Soňra “JavaScript-i gysmak - JavaScript-i gysmak” düwmesine basyň.

2. PHP plaginleri bilen CSS kiçeldiji

Mugt we premium ýaly ajaýyp pluginler bar, el bilen ädim ätmezden faýllaryňyzy gysyp biler.

• Birleşmek,
• kiçeltmek,
• täzele,
• WordPress pluginleri.

Bu plugin koduňyzy kiçeltmek bilen çäklenmeýär. CSS we JavaScript faýllaryňyzy birleşdirýär we soňra Minify (CSS üçin) we Google Closure (JavaScript üçin) ulanyp döredilen faýllary kiçeldýär. Minifikasiýa sahypaňyzyň tizligine täsir etmez ýaly WP-Cron arkaly amala aşyrylýar. CSS ýa-da JS faýllaryňyzyň mazmuny üýtgese, keş keşbiňizi boşatmak hökman däl ýaly täzeden görkezilýär.

JCH Optimize mugt plugin üçin gaty gowy aýratynlyklara eýedir: CSS we JavaScript-i birleşdirýär we kiçeldýär, HTML-i kiçeldýär, faýllary birleşdirmek üçin GZip gysyşyny üpjün edýär we fon suratlary üçin sprite görnüşini berýär.

CSS Minify, CSS Minify bilen CSS-i azaltmak üçin diňe gurnama we işjeňleşdirmeli. Sazlamalar> CSS-a gidiň we diňe bir opsiýany işlediň: CSS koduny optimizirläň we kiçeldiň.

Çalt tizlik minifi 20,000-den gowrak işjeň gurnama we bäş ýyldyzly reýting bilen “Fast Velocity Minify” faýllary gysgaltmak üçin iň meşhur wariantlardan biridir. Ony ulanmak üçin diňe gurnamaly we işjeňleşdirmeli.

Sazlamalar> Çalt tizligi azaltmak. Bu ýerde, plagini düzmek üçin birnäçe JavaScript we CSS çykaryjylary, CDN opsiýalary we serwer maglumatlary ýaly goşmaça JavaScript we CSS aýratynlyklaryny tapyp bilersiňiz. Sahypalaryň köpüsi üçin deslapky sazlamalar gowy işleýär.

Plagin, hakyky wagtda we diňe ilkinji keş keşi bolmadyk haýyş wagtynda frontendiň gysylmagyny ýerine ýetirýär. Ilkinji haýyş gaýtadan işlenenden soň, şol bir statiki keş keş faýly, şol bir CSS we JavaScript toplumyny talap edýän beýleki sahypalara iberilýär.

3. WordPress plaginleri bilen CSS kiçeldiji

CSS kiçeldiji, adatça keş keşplerinde tapyp boljak adaty aýratynlykdyr.

• WP raketa,
• W3 Jemi keş,
• WP SuperCache,
• WP iň çalt keş.

Aboveokarda hödürlän çözgütlerimiz, CSS kiçeldijisini nädip etmelidigi barada maglumat berdi we ony web sahypaňyza nädip ulanyp boljakdygyna düşünip bilersiňiz. Öň muny eden bolsaňyz, web sahypaňyzy has çaltlaşdyrmak üçin başga haýsy usullary ulandyňyz? Softmedal-daky teswirler bölüminde bize ýazyň, mazmunymyzy gowulandyrmak üçin tejribeleriňizi we teklipleriňizi paýlaşmagy ýatdan çykarmaň.