Miniwr CSS

Beth yw miniifier CSS?

Nod miniifier CSS yw lleihau ffeiliau CSS ar wefannau. Mae'r cysyniad hwn, a ddefnyddir fel fersiwn Saesneg cyfatebol (CSS Minifier), yn cynnwys trefniant mewn ffeiliau CSS. Pan fydd CSS yn cael eu paratoi, y prif nod yw i weinyddwyr gwefannau neu godwyr ddadansoddi'r llinellau'n gywir. Felly, mae'n cynnwys cymaint o linellau. Mae llinellau sylwadau diangen a bylchau rhwng y llinellau hyn. Dyma pam mae ffeiliau CSS yn dod yn hir iawn. Mae'r holl broblemau hyn yn cael eu dileu gyda CSS miniifier.

Beth mae miniwr CSS yn ei wneud?

Ynghyd â'r newidiadau a wnaed yn y ffeiliau CSS; mae dimensiynau'n cael eu lleihau, mae llinellau diangen yn cael eu dileu, llinellau sylwadau diangen a bylchau yn cael eu dileu. Ar ben hynny, os oes mwy nag un cod wedi'i gynnwys yn y CSS, caiff y codau hyn eu dileu hefyd.

Mae yna ategion a chymwysiadau amrywiol ar gyfer y gweithrediadau hyn y gall y rhan fwyaf o ddefnyddwyr eu perfformio â llaw. Yn enwedig ar gyfer pobl sy'n defnyddio'r system WordPress, gellir awtomeiddio'r prosesau hyn gydag ategion. Felly, mae'r posibilrwydd o wneud camgymeriadau yn cael ei ddileu a cheir canlyniadau mwy effeithiol.

Gall pobl nad ydyn nhw'n defnyddio WordPress ar gyfer CSS neu nad ydyn nhw eisiau ffafrio ategion presennol hefyd ddefnyddio offer ar-lein. Trwy lawrlwytho'r CSS i'r offer ar-lein dros y rhyngrwyd, mae'r ffeiliau presennol yn y CSS yn cael eu lleihau trwy wneud newidiadau. Ar ôl i'r holl brosesau ddod i ben, bydd yn ddigon i lawrlwytho'r ffeiliau CSS presennol a'u huwchlwytho i'r wefan. Felly, bydd gweithrediadau fel CSS Minify neu grebachu yn cael eu cwblhau'n llwyddiannus, a bydd yr holl broblemau posibl y gellir eu profi trwy CSS ar gyfer y wefan yn cael eu dileu.

Pam ddylech chi grebachu eich ffeiliau CSS?

Mae cael gwefan gyflym nid yn unig yn gwneud Google yn hapus, mae'n helpu'ch gwefan i raddio'n uwch mewn chwiliadau a hefyd yn darparu profiad defnyddiwr gwell i'ch ymwelwyr gwefan.

Cofiwch, nid yw 40% o bobl hyd yn oed yn aros 3 eiliad i'ch hafan lwytho, ac mae Google yn argymell bod gwefannau'n llwytho o fewn 2-3 eiliad ar y mwyaf.

Mae llawer o fanteision i gywasgu â'r offeryn miniifier CSS;

• Mae ffeiliau llai yn golygu bod maint lawrlwytho cyffredinol eich gwefan yn cael ei leihau.
• Gall ymwelwyr safle lwytho a chael mynediad i'ch tudalennau yn gyflymach.
• Mae ymwelwyr safle yn cael yr un profiad defnyddiwr heb orfod lawrlwytho ffeiliau mwy.
• Mae perchnogion safleoedd yn profi costau lled band is oherwydd bod llai o ddata'n cael ei drosglwyddo dros y rhwydwaith.

Sut mae miniifier CSS yn gweithio?

Mae'n syniad da gwneud copi wrth gefn o ffeiliau eich gwefan cyn eu crebachu. Gallwch hyd yn oed fynd ag ef gam ymhellach a chrebachu'ch ffeiliau ar safle prawf. Fel hyn rydych chi'n sicrhau bod popeth yn weithredol cyn gwneud newidiadau i'ch gwefan fyw.

Mae hefyd yn bwysig cymharu cyflymder eich tudalen cyn ac ar ôl crebachu eich ffeiliau fel y gallwch gymharu'r canlyniadau a gweld a yw crebachu wedi cael unrhyw effaith.

Gallwch ddadansoddi perfformiad cyflymder eich tudalen gan ddefnyddio GTmetrix, Google PageSpeed ​​​​Insights, ac YSlow, offeryn profi perfformiad ffynhonnell agored.

Nawr, gadewch i ni weld sut i wneud y broses leihau;

1. Llawlyfr CSS miniifier

Mae crebachu ffeiliau â llaw yn cymryd cryn dipyn o amser ac ymdrech. Felly a oes gennych amser i ddileu bylchau unigol, llinellau a chod diangen o ffeiliau? Mae'n debyg na. Ar wahân i amser, mae'r broses leihau hon hefyd yn darparu mwy o le i gamgymeriadau dynol. Felly, ni argymhellir y dull hwn ar gyfer crebachu ffeiliau. Yn ffodus, mae yna lawer o offer minio ar-lein rhad ac am ddim sy'n eich galluogi i gopïo a gludo cod o'ch gwefan.

Mae CSS miniifier yn offeryn ar-lein rhad ac am ddim i leihau CSS. Pan fyddwch chi'n copïo a gludo'r cod i'r maes testun “Mewnbwn CSS”, mae'r offeryn yn lleihau'r CSS. Mae yna opsiynau i lawrlwytho'r allbwn miniog fel ffeil. Ar gyfer datblygwyr, mae'r offeryn hwn hefyd yn darparu API.

Mae JSCompress , JSCompress yn gywasgydd JavaScript ar-lein sy'n eich galluogi i gywasgu a lleihau eich ffeiliau JS hyd at 80% o'u maint gwreiddiol. Copïwch a gludwch eich cod neu uwchlwythwch a chyfunwch sawl ffeil i'w defnyddio. Yna cliciwch ar "Cywasgu JavaScript - Cywasgu JavaScript".

2. CSS miniifier gyda PHP plugins

Mae yna rai ategion gwych, rhad ac am ddim a premiwm, a all leihau'ch ffeiliau heb orfod cymryd camau llaw.

• Cyfuno,
• lleihau,
• adnewyddu,
• Ategion WordPress.

Mae'r ategyn hwn yn gwneud mwy na lleihau'ch cod. Mae'n cyfuno'ch ffeiliau CSS a JavaScript ac yna'n lleihau'r ffeiliau a grëwyd gan ddefnyddio Minify (ar gyfer CSS) a Google Closure (ar gyfer JavaScript). Gwneir gwaith lleihau trwy WP-Cron fel nad yw'n effeithio ar gyflymder eich gwefan. Pan fydd cynnwys eich ffeiliau CSS neu JS yn newid, cânt eu hail-rendro fel nad oes rhaid i chi wagio'ch storfa.

Mae gan JCH Optimize rai nodweddion eithaf da ar gyfer ategyn rhad ac am ddim: mae'n cyfuno ac yn lleihau CSS a JavaScript, yn lleihau HTML, yn darparu cywasgiad GZip i gyfuno ffeiliau, a rendrad corlun ar gyfer delweddau cefndir.

CSS Minify , Does ond angen i chi osod ac actifadu i leihau'ch CSS gyda CSS Minify. Ewch i Gosodiadau> CSS Minify a galluogi un opsiwn yn unig: Optimeiddio a lleihau'r cod CSS.

Cyflymder Cyflym Minify Gyda dros 20,000 o osodiadau gweithredol a sgôr pum seren, mae Fast Velocity Minify yn un o'r opsiynau mwyaf poblogaidd sydd ar gael ar gyfer crebachu ffeiliau. Er mwyn ei ddefnyddio, dim ond gosod ac actifadu sydd angen i chi ei wneud.

Ewch i Gosodiadau> Cyflymder Cyflym Minify. Yma fe welwch nifer o opsiynau ar gyfer ffurfweddu'r ategyn, gan gynnwys gwaharddiadau JavaScript a CSS datblygedig ar gyfer datblygwyr, opsiynau CDN, a gwybodaeth gweinydd. Mae'r gosodiadau diofyn yn gweithio'n iawn ar gyfer y rhan fwyaf o wefannau.

Mae'r ategyn yn perfformio crebachu ar y frontend mewn amser real a dim ond yn ystod y cais cyntaf heb ei storio. Ar ôl i'r cais cyntaf gael ei brosesu, cyflwynir yr un ffeil storfa statig i dudalennau eraill sydd angen yr un set o CSS a JavaScript.

3. CSS miniifier gyda WordPress plugins

Mae CSS miniifier yn nodwedd safonol y byddwch fel arfer yn dod o hyd iddi mewn ategion caching.

• Roced WP,
• W3 Cyfanswm Cache,
• WP SuperCache,
• WP Cache Cyflymaf.

Gobeithiwn fod yr atebion a gyflwynwyd gennym uchod wedi eich goleuo ar sut i wneud y miniifier CSS a gallwch ddeall sut y gallwch ei gymhwyso i'ch gwefan. Os ydych chi wedi gwneud hyn o'r blaen, pa ddulliau eraill ydych chi wedi'u defnyddio i wneud eich gwefan yn gyflymach? Ysgrifennwch atom yn yr adran sylwadau ar Meddal Meddal, peidiwch ag anghofio rhannu eich profiadau ac awgrymiadau i wella ein cynnwys.