CSS Minifier

Hvað er CSS minifier?

CSS minifier miðar að því að minnka CSS skrár á vefsíðum. Þetta hugtak, sem er notað sem jafngildi á ensku (CSS Minifier), inniheldur fyrirkomulag í CSS skrám. Þegar CSS eru útbúin er meginmarkmiðið að vefstjórnendur eða kóðarar greini línurnar rétt. Þess vegna samanstendur það af svo mörgum línum. Það eru óþarfa athugasemdalínur og bil á milli þessara lína. Þetta er ástæðan fyrir því að CSS skrár verða mjög langar. Öll þessi vandamál eru eytt með CSS minifier.

Hvað gerir CSS minifier?

Ásamt breytingum sem gerðar eru á CSS skrám; stærðir minnka, óþarfa línur eru fjarlægðar, óþarfa athugasemdalínur og bil eru eytt. Þar að auki, ef fleiri en einn kóða er innifalinn í CSS, er þessum kóða einnig eytt.

Það eru ýmsar viðbætur og forrit fyrir þessar aðgerðir sem flestir notendur geta framkvæmt handvirkt. Sérstaklega fyrir fólk sem notar WordPress kerfið er hægt að gera þessi ferli sjálfvirk með viðbótum. Þannig er möguleikinn á að gera mistök útilokaður og árangursríkari niðurstöður fást.

Fólk sem notar ekki WordPress fyrir CSS eða vill ekki kjósa núverandi viðbætur geta líka notað netverkfæri. Með því að hlaða niður CSS í netverkfærin í gegnum netið minnkar núverandi skrár í CSS með því að gera breytingar. Eftir að öllum ferlum er lokið verður nóg að hlaða niður núverandi CSS skrám og hlaða þeim upp á vefsíðuna. Þannig mun aðgerðum eins og CSS Minify eða minnkandi verða lokið með góðum árangri og öllum mögulegum vandamálum sem gætu komið upp í gegnum CSS fyrir síðuna verður eytt.

Af hverju ættir þú að minnka CSS skrárnar þínar?

Að vera með hraðvirka vefsíðu gleður ekki aðeins Google heldur hjálpar það vefsíðunni þinni að vera hærra í leitum og veitir einnig betri notendaupplifun fyrir gesti vefsins þíns.

Mundu að 40% fólks bíða ekki einu sinni í 3 sekúndur eftir að heimasíðan þín hleðst og Google mælir með því að vefsvæði hleðst í mesta lagi innan 2-3 sekúndna.

Þjöppun með CSS minifier tólinu hefur marga kosti;

• Minni skrár þýða að heildarniðurhalsstærð vefsvæðisins þíns minnkar.
• Gestir síðunnar geta hlaðið og nálgast síðurnar þínar hraðar.
• Gestir síðunnar fá sömu notendaupplifun án þess að þurfa að hlaða niður stærri skrám.
• Eigendur vefsvæða upplifa lægri bandbreiddarkostnað vegna þess að minna gögn eru send um netið.

Hvernig virkar CSS minifier?

Það er góð hugmynd að taka öryggisafrit af skrám síðunnar þinnar áður en þú minnkar þær. Þú getur jafnvel tekið það skrefinu lengra og minnkað skrárnar þínar á prufusíðu. Þannig tryggirðu að allt sé í gangi áður en þú gerir breytingar á lifandi síðunni þinni.

Það er líka mikilvægt að bera saman síðuhraða fyrir og eftir að skrárnar þínar eru minnkaðar svo þú getir borið saman niðurstöðurnar og séð hvort samdráttur hafi haft einhver áhrif.

Þú getur greint frammistöðu síðuhraða þíns með því að nota GTmetrix, Google PageSpeed ​​​​Insights og YSlow, opið frammistöðuprófunartæki.

Nú skulum við sjá hvernig á að gera lækkunarferlið;

1. Handvirkt CSS minifier

Að minnka skrár handvirkt tekur töluverðan tíma og fyrirhöfn. Svo hefurðu tíma til að fjarlægja einstök bil, línur og óþarfa kóða úr skrám? Örugglega ekki. Fyrir utan tíma gefur þetta minnkunarferli einnig meira pláss fyrir mannleg mistök. Þess vegna er ekki mælt með þessari aðferð til að minnka skrár. Sem betur fer eru mörg ókeypis smækkunarverkfæri á netinu sem gera þér kleift að afrita og líma kóða af síðunni þinni.

CSS minifier er ókeypis tól á netinu til að minnka CSS. Þegar þú afritar og límir kóðann inn í „Input CSS“ textareitinn minnkar tólið CSS. Það eru möguleikar til að hlaða niður minnkaða úttakinu sem skrá. Fyrir forritara býður þetta tól einnig upp API.

JSCompress , JSCompress er JavaScript þjöppu á netinu sem gerir þér kleift að þjappa og minnka JS skrárnar þínar allt að 80% af upprunalegri stærð þeirra. Afritaðu og límdu kóðann þinn eða hlaðið upp og sameina margar skrár til að nota. Smelltu síðan á „Þjappa JavaScript - Þjappa JavaScript“.

2. CSS minifier með PHP viðbótum

Það eru nokkur frábær viðbætur, bæði ókeypis og úrvals, sem geta minnkað skrárnar þínar án þess að þurfa að gera handvirk skref.

• sameinast,
• minnka,
• endurnýja,
• WordPress viðbætur.

Þessi viðbót gerir meira en að minnka kóðann þinn. Það sameinar CSS og JavaScript skrárnar þínar og minnkar síðan skrárnar sem búnar eru til með Minify (fyrir CSS) og Google Closure (fyrir JavaScript). Minnkun er gerð í gegnum WP-Cron svo að það hafi ekki áhrif á hraða vefsvæðisins. Þegar innihald CSS eða JS skránna þinna breytist eru þær endursýndar svo þú þarft ekki að tæma skyndiminni.

JCH Optimize hefur nokkra nokkuð góða eiginleika fyrir ókeypis viðbót: það sameinar og minnkar CSS og JavaScript, minnkar HTML, veitir GZip þjöppun til að sameina skrár og sprite flutningur fyrir bakgrunnsmyndir.

CSS Minify , Þú þarft aðeins að setja upp og virkja til að minnka CSS með CSS Minify. Farðu í Stillingar > CSS Minify og virkjaðu aðeins einn valkost: Fínstilla og minnka CSS kóða.

Fast Velocity Minify Með yfir 20.000 virkum uppsetningum og fimm stjörnu einkunn er Fast Velocity Minify einn vinsælasti valkosturinn sem til er til að minnka skrár. Til að nota það þarftu aðeins að setja upp og virkja.

Farðu í Stillingar > Fast Velocity Minify. Hér finnur þú fjölda valkosta til að stilla viðbótina, þar á meðal háþróaða JavaScript og CSS útilokanir fyrir forritara, CDN valkosti og upplýsingar um netþjóninn. Sjálfgefnar stillingar virka vel fyrir flestar síður.

Viðbótin framkvæmir rýrnun á framendanum í rauntíma og aðeins við fyrstu beiðnina sem ekki er í skyndiminni. Eftir að fyrsta beiðnin hefur verið afgreidd er sama kyrrstæða skyndiminnisskráin send á aðrar síður sem krefjast sama setts af CSS og JavaScript.

3. CSS minifier með WordPress viðbætur

CSS minifier er staðall eiginleiki sem þú munt venjulega finna í skyndiminni viðbótum.

• WP Rocket,
• W3 Total Cache,
• WP SuperCache,
• WP hraðasta skyndiminni.

Við vonum að lausnirnar sem við höfum kynnt hér að ofan hafi upplýst þig um hvernig á að gera CSS minifier og þú getur skilið hvernig þú getur notað það á vefsíðuna þína. Ef þú hefur gert þetta áður, hvaða aðrar aðferðir hefur þú notað til að gera vefsíðuna þína hraðari? Skrifaðu okkur í athugasemdahlutanum á Softmedal, ekki gleyma að deila reynslu þinni og tillögum til að bæta efnið okkar.