CSS Minifier

Šta je CSS minifier?

CSS minifier ima za cilj da smanji CSS datoteke na web stranicama. Ovaj koncept, koji se koristi kao engleski ekvivalent (CSS Minifier), uključuje aranžman u CSS datotekama. Kada su CSS-ovi pripremljeni, glavni cilj je da administratori web stranice ili koderi pravilno analiziraju linije. Stoga se sastoji od toliko mnogo linija. Postoje nepotrebni redovi komentara i razmaci između ovih redova. Zbog toga CSS fajlovi postaju veoma dugački. Svi ovi problemi su eliminisani sa CSS minifierom.

Šta radi CSS minifier?

Zajedno sa promjenama napravljenim u CSS datotekama; dimenzije se smanjuju, nepotrebne linije se uklanjaju, nepotrebni redovi komentara i razmaci se brišu. Štaviše, ako je više od jednog koda uključeno u CSS, ovi kodovi se također brišu.

Postoje različiti dodaci i aplikacije za ove operacije koje većina korisnika može izvršiti ručno. Posebno za ljude koji koriste WordPress sistem, ovi procesi se mogu automatizirati uz pomoć dodataka. Time se eliminiše mogućnost greške i dobijaju se efikasniji rezultati.

Ljudi koji ne koriste WordPress za CSS ili ne žele da preferiraju postojeće dodatke također mogu koristiti online alate. Preuzimanjem CSS-a u online alate preko interneta, postojeći fajlovi u CSS-u se smanjuju unošenjem izmjena. Nakon što se svi procesi završe, biće dovoljno preuzeti postojeće CSS datoteke i postaviti ih na web stranicu. Tako će operacije kao što su CSS Minify ili shrinking biti uspješno završene, a svi mogući problemi koji se mogu pojaviti kroz CSS za web lokaciju će biti eliminirani.

Zašto biste smanjili svoje CSS datoteke?

Brza web stranica ne samo da usrećuje Google, već pomaže da se vaša web stranica bolje rangira u pretraživanjima i također pruža bolje korisničko iskustvo za posjetitelje vaše stranice.

Zapamtite, 40% ljudi ne čeka ni 3 sekunde da se vaša početna stranica učita, a Google preporučuje da se stranice učitaju u roku od najviše 2-3 sekunde.

Kompresija pomoću CSS minifier alata ima mnoge prednosti;

• Manji fajlovi znače da je ukupna veličina preuzimanja vaše stranice smanjena.
• Posjetioci stranice mogu brže učitavati i pristupati vašim stranicama.
• Posjetioci stranice dobijaju isto korisničko iskustvo bez potrebe za preuzimanjem većih datoteka.
• Vlasnici sajtova imaju niže troškove propusnog opsega jer se manje podataka prenosi preko mreže.

Kako radi CSS minifier?

Dobra je ideja napraviti sigurnosnu kopiju datoteka vaše web stranice prije nego što ih smanjite. Možete čak i napraviti korak dalje i smanjiti svoje datoteke na probnoj stranici. Na ovaj način se uvjerite da je sve pokrenuto i radi prije nego što unesete promjene na vašu web stranicu uživo.

Također je važno uporediti brzinu stranice prije i nakon smanjivanja datoteka kako biste mogli uporediti rezultate i vidjeti da li je skupljanje imalo efekta.

Možete analizirati performanse brzine vaše stranice koristeći GTmetrix, Google PageSpeed ​​Insights i YSlow, alat za testiranje performansi otvorenog koda.

Sada da vidimo kako da uradimo proces redukcije;

1. Ručni CSS minifier

Ručno smanjivanje datoteka zahtijeva značajnu količinu vremena i truda. Dakle, imate li vremena da uklonite pojedinačne razmake, linije i nepotreban kod iz datoteka? Vjerovatno ne. Osim vremena, ovaj proces smanjenja također pruža više prostora za ljudske greške. Stoga se ova metoda ne preporučuje za skupljanje datoteka. Srećom, postoji mnogo besplatnih online alata za umanjivanje koji vam omogućavaju da kopirate i zalijepite kod sa svoje web stranice.

CSS minifier je besplatan online alat za minimiziranje CSS-a. Kada kopirate i zalijepite kod u tekstualno polje “Input CSS”, alat minimizira CSS. Postoje opcije za preuzimanje minimiziranog izlaza kao datoteke. Za programere, ovaj alat također nudi API.

JSCompress , JSCompress je online JavaScript kompresor koji vam omogućava da komprimirate i smanjite svoje JS datoteke do 80% njihove originalne veličine. Kopirajte i zalijepite svoj kod ili otpremite i kombinirajte više datoteka za korištenje. Zatim kliknite na “Compress JavaScript – Compress JavaScript”.

2. CSS minifier sa PHP dodacima

Postoje neki sjajni dodaci, besplatni i premium, koji mogu smanjiti vaše datoteke bez potrebe za ručnim koracima.

• spajanje,
• minimizirati,
• Osvježiti,
• WordPress dodaci.

Ovaj dodatak čini više od minimiziranja vašeg koda. Kombinira vaše CSS i JavaScript datoteke, a zatim minimizira datoteke kreirane pomoću Minify (za CSS) i Google Closure (za JavaScript). Minifikacija se vrši preko WP-Cron-a tako da ne utiče na brzinu Vaše stranice. Kada se sadržaj vaših CSS ili JS datoteka promijeni, oni se ponovo prikazuju tako da ne morate prazniti keš memoriju.

JCH Optimize ima neke prilično dobre karakteristike za besplatni dodatak: kombinuje i minimizira CSS i JavaScript, minimizira HTML, pruža GZip kompresiju za kombinovanje datoteka i sprite rendering za pozadinske slike.

CSS Minify , Potrebno je samo da instalirate i aktivirate da umanjite svoj CSS sa CSS Minify. Idite na Postavke > Umanjivanje CSS-a i omogućite samo jednu opciju: Optimizirajte i minimizirajte CSS kod.

Fast Velocity Minify Sa preko 20.000 aktivnih instalacija i ocjenom od pet zvjezdica, Fast Velocity Minify je jedna od najpopularnijih opcija dostupnih za smanjenje datoteka. Da biste ga koristili, trebate samo instalirati i aktivirati.

Idite na Postavke > Fast Velocity Minify. Ovdje ćete pronaći brojne opcije za konfiguriranje dodatka, uključujući napredna izuzimanja JavaScripta i CSS-a za programere, CDN opcije i informacije o serveru. Podrazumevane postavke rade dobro za većinu web lokacija.

Dodatak vrši skupljanje na frontendu u realnom vremenu i samo tokom prvog ne-keširanog zahteva. Nakon što se prvi zahtjev obradi, ista statička keš datoteka se servira drugim stranicama koje zahtijevaju isti skup CSS-a i JavaScript-a.

3. CSS minifier sa WordPress dodacima

CSS minifier je standardna funkcija koju ćete obično naći u dodacima za keširanje.

• WP raketa,
• W3 Total Cache,
• WP SuperCache,
• WP Najbrža keš memorija.

Nadamo se da su vas rješenja koja smo predstavili iznad prosvijetlila kako da napravite CSS minifier i da možete razumjeti kako ga možete primijeniti na svoju web stranicu. Ako ste to radili ranije, koje ste druge metode koristili da svoju web stranicu učinite bržom? Pišite nam u odjeljku za komentare na Softmedalu, ne zaboravite podijeliti svoja iskustva i prijedloge za poboljšanje našeg sadržaja.