Minifikatur CSS

X'inhu CSS minifier?

CSS minifier għandu l-għan li jnaqqas il-fajls CSS fuq il-websajts. Dan il-kunċett, li jintuża bħala ekwivalenti Ingliż (CSS Minifier), jinkludi arranġament fil-fajls CSS. Meta s-CSSs ikunu ppreparati, l-għan ewlieni huwa li l-amministraturi tas-sit web jew il-kodifikaturi janalizzaw il-linji b'mod korrett. Għalhekk, tikkonsisti minn tant linji. Hemm linji ta' kummenti u spazji mhux meħtieġa bejn dawn il-linji. Huwa għalhekk li l-fajls CSS isiru twal ħafna. Dawn il-problemi kollha huma eliminati bis-CSS minifier.

X'jagħmel CSS minifier?

Flimkien mal-bidliet li saru fil-fajls CSS; id-dimensjonijiet huma mnaqqsa, il-linji mhux meħtieġa jitneħħew, il-linji tal-kummenti u l-ispazji mhux meħtieġa huma mħassra. Barra minn hekk, jekk aktar minn kodiċi wieħed ikun inkluż fis-CSS, dawn il-kodiċijiet jitħassru wkoll.

Hemm diversi plug-ins u applikazzjonijiet għal dawn l-operazzjonijiet li ħafna mill-utenti jistgħu jwettqu manwalment. Speċjalment għan-nies li jużaw is-sistema WordPress, dawn il-proċessi jistgħu jiġu awtomatizzati bi plugins. Għalhekk, il-possibbiltà li jsiru żbalji tiġi eliminata u jinkisbu riżultati aktar effettivi.

Nies li ma jużawx WordPress għal CSS jew ma jridux jippreferu plugins eżistenti jistgħu wkoll jużaw għodod online. Billi tniżżel is-CSS għall-għodod online fuq l-internet, il-fajls eżistenti fis-CSS jitnaqqsu billi jsiru bidliet. Wara li l-proċessi kollha jkunu lesti, ikun biżżejjed li tniżżel il-fajls CSS eżistenti u ttellahom fuq il-websajt. Għalhekk, operazzjonijiet bħal CSS Minify jew shrinking se jitlestew b'suċċess, u l-problemi kollha possibbli li jistgħu jiġu esperjenzati permezz tas-CSS għas-sit se jiġu eliminati.

Għaliex għandek iċċekken il-fajls CSS tiegħek?

Li jkollok websajt veloċi mhux biss tagħmel Google kuntent, tgħin lill-websajt tiegħek tikklassifika ogħla fit-tfittxijiet u tipprovdi wkoll esperjenza aħjar għall-utent għall-viżitaturi tas-sit tiegħek.

Ftakar, 40% tan-nies lanqas biss jistennew 3 sekondi biex il-homepage tiegħek titgħabba, u Google jirrakkomanda li s-siti jitgħabbew f'mhux aktar minn 2-3 sekondi.

Il-kompressjoni bl-għodda minifier CSS għandha ħafna benefiċċji;

• Fajls iżgħar ifisser li d-daqs ġenerali tat-tniżżil tas-sit tiegħek huwa mnaqqas.
• Il-viżitaturi tas-sit jistgħu jgħabbu u jaċċessaw il-paġni tiegħek aktar malajr.
• Il-viżitaturi tas-sit jiksbu l-istess esperjenza tal-utent mingħajr ma jkollhom għalfejn iniżżlu fajls akbar.
• Is-sidien tas-siti jesperjenzaw spejjeż tal-bandwidth aktar baxxi minħabba li tiġi trażmessa inqas data fuq in-netwerk.

Kif jaħdem CSS minifier?

Hija idea tajba li tagħmel backup tal-fajls tas-sit tiegħek qabel ma tiċkienhom. Tista 'anki teħodha pass ulterjuri u tiċkien il-fajls tiegħek fuq sit ta' prova. B'dan il-mod inti tiżgura li kollox ikun qed jaħdem qabel ma tagħmel bidliet fis-sit live tiegħek.

Huwa wkoll importanti li tqabbel il-veloċità tal-paġna tiegħek qabel u wara li tiċkien il-fajls tiegħek sabiex tkun tista 'tqabbel ir-riżultati u tara jekk it-tnaqqis kellux xi effett.

Tista' tanalizza l-prestazzjoni tal-veloċità tal-paġna tiegħek billi tuża GTmetrix, Google PageSpeed ​​​​Insights, u YSlow, għodda għall-ittestjar tal-prestazzjoni ta' sors miftuħ.

Issa ejja naraw kif tagħmel il-proċess ta 'tnaqqis;

1. Manwal CSS minifier

It-tnaqqis tal-fajls manwalment jieħu ammont sinifikanti ta 'ħin u sforz. Allura għandek ħin biex tneħħi spazji individwali, linji u kodiċi mhux meħtieġ mill-fajls? Probabbilment le. Minbarra ż-żmien, dan il-proċess ta' tnaqqis jipprovdi wkoll aktar spazju għall-iżball uman. Għalhekk, dan il-metodu mhux rakkomandat għal fajls li jiċkienu. Fortunatament, hemm ħafna għodod ta 'minifikazzjoni onlajn b'xejn li jippermettulek tikkopja u tippejstja kodiċi mis-sit tiegħek.

CSS minifier huwa għodda onlajn b'xejn biex jimminifizza CSS. Meta tikkopja u tippejstja l-kodiċi fil-qasam tat-test "Input CSS", l-għodda timminifika s-CSS. Hemm għażliet biex tniżżel l-output minified bħala fajl. Għall-iżviluppaturi, din l-għodda tipprovdi wkoll API.

JSCompress , JSCompress huwa kompressur JavaScript onlajn li jippermettilek tikkompressa u tnaqqas il-fajls JS tiegħek sa 80% tad-daqs oriġinali tagħhom. Ikkopja u waħħal il-kodiċi tiegħek jew ittella u għaqqad fajls multipli biex tużah. Imbagħad ikklikkja "Ikkompressa JavaScript - Ikkompressa JavaScript".

2. CSS minifier b'plugins PHP

Hemm xi plugins kbar, kemm b'xejn kif ukoll premium, li jistgħu jiċkienu l-fajls tiegħek mingħajr ma jkollhom għalfejn jagħmlu passi manwali.

• Għaqda,
• jimminimizza,
• aġġorna,
• WordPress Plugins.

Dan il-plugin jagħmel aktar milli jimminimizza l-kodiċi tiegħek. Jikkombina l-fajls CSS u JavaScript tiegħek u mbagħad jimminifizza l-fajls maħluqa bl-użu ta 'Minify (għal CSS) u Google Closure (għal JavaScript). Il-minifikazzjoni ssir permezz ta' WP-Cron sabiex ma taffettwax il-veloċità tas-sit tiegħek. Meta l-kontenut tal-fajls CSS jew JS tiegħek jinbidel, jerġgħu jingħataw sabiex ma jkollokx għalfejn tbattal il-cache tiegħek.

JCH Optimize għandu xi karatteristiċi pjuttost tajbin għal plugin b'xejn: jgħaqqad u jimminifizza CSS u JavaScript, jimminifizza l-HTML, jipprovdi kompressjoni GZip biex jgħaqqad fajls, u rendering sprite għal immaġini fl-isfond.

CSS Minify , Għandek bżonn biss li tinstalla u tattiva biex timminimizza CSS tiegħek b'CSS Minify. Mur f'Settings > CSS Imnaqqas u ppermetti għażla waħda biss: Ottimizza u mminimifika l-kodiċi CSS.

Veloċità Mgħaġġla Minify B'aktar minn 20,000 installazzjoni attiva u klassifikazzjoni ta 'ħames stilel, Veloċità Mgħaġġla Mnify hija waħda mill-aktar għażliet popolari disponibbli għal fajls li qed jiċkienu. Biex tużah, għandek bżonn biss tinstalla u tattiva.

Mur fil-Settings> Veloċità Mgħaġġla Imnaqqas. Hawnhekk issib numru ta 'għażliet għall-konfigurazzjoni tal-plugin, inklużi esklużjonijiet avvanzati ta' JavaScript u CSS għall-iżviluppaturi, għażliet CDN, u informazzjoni tas-server. Is-settings default jaħdmu tajjeb għall-biċċa l-kbira tas-siti.

Il-plugin iwettaq tnaqqis fuq il-frontend f'ħin reali u biss waqt l-ewwel talba mhux fil-cache. Wara li tiġi pproċessata l-ewwel talba, l-istess fajl tal-cache statiku jiġi moqdi lil paġni oħra li jeħtieġu l-istess sett ta’ CSS u JavaScript.

3. CSS minifier b'plugins ta 'WordPress

CSS minifier huwa karatteristika standard li normalment issib fil-plugins tal-caching.

• Rokit WP,
• W3 Total Cache,
• WP SuperCache,
• WP Cache Mgħaġġel.

Nittamaw li s-soluzzjonijiet li ppreżentajna hawn fuq idawwalkom dwar kif tagħmel il-minifier CSS u tista 'tifhem kif tista' tapplikah għall-websajt tiegħek. Jekk għamilt dan qabel, liema metodi oħra użajt biex tagħmel il-websajt tiegħek aktar mgħaġġla? Iktbilna fit-taqsima tal-kummenti dwar Softmedal, tinsiex taqsam l-esperjenzi u s-suġġerimenti tiegħek biex intejbu l-kontenut tagħna.