CSS Minifikators

Kas ir CSS minifier?

CSS minifier mērķis ir samazināt CSS failus vietnēs. Šis jēdziens, kas tiek izmantots kā angļu valodas ekvivalents (CSS minifier), ietver izkārtojumu CSS failos. Sagatavojot CSS, galvenais mērķis ir vietņu administratoriem vai kodētājiem pareizi analizēt rindas. Tāpēc tas sastāv no tik daudzām līnijām. Starp šīm rindām ir nevajadzīgas komentāru rindas un atstarpes. Tāpēc CSS faili kļūst ļoti gari. Visas šīs problēmas tiek novērstas ar CSS minifier.

Ko dara CSS minifier?

Kopā ar CSS failos veiktajām izmaiņām; tiek samazināti izmēri, noņemtas nevajadzīgās rindas, dzēstas nevajadzīgās komentāru rindas un atstarpes. Turklāt, ja CSS ir iekļauts vairāk nekā viens kods, arī šie kodi tiek dzēsti.

Šīm darbībām ir dažādi spraudņi un lietojumprogrammas, kuras lielākā daļa lietotāju var veikt manuāli. Īpaši cilvēkiem, kuri izmanto WordPress sistēmu, šos procesus var automatizēt ar spraudņiem. Tādējādi tiek novērsta iespēja kļūdīties un iegūti efektīvāki rezultāti.

Tiešsaistes rīkus var izmantot arī cilvēki, kuri neizmanto WordPress CSS vai nevēlas dot priekšroku esošajiem spraudņiem. Lejupielādējot CSS tiešsaistes rīkos internetā, CSS esošie faili tiek samazināti, veicot izmaiņas. Pēc visu procesu pabeigšanas pietiks lejupielādēt esošos CSS failus un augšupielādēt tos vietnē. Tādējādi tiks veiksmīgi pabeigtas tādas darbības kā CSS samazināšana vai samazināšana, un tiks novērstas visas iespējamās problēmas, kas vietnei var rasties, izmantojot CSS.

Kāpēc jums vajadzētu samazināt savus CSS failus?

Ātra vietne ne tikai iepriecina Google, bet arī palīdz jūsu vietnei ieņemt augstāku vietu meklējumos, kā arī nodrošina labāku lietotāja pieredzi vietnes apmeklētājiem.

Atcerieties, ka 40% cilvēku pat negaida 3 sekundes, līdz tiek ielādēta jūsu sākumlapa, un Google iesaka vietnes ielādēt ne ilgāk kā 2–3 sekunžu laikā.

Saspiešanai ar CSS minifier rīku ir daudz priekšrocību;

• Mazāki faili nozīmē, ka jūsu vietnes kopējais lejupielādes apjoms ir samazināts.
• Vietnes apmeklētāji var ātrāk ielādēt jūsu lapas un tām piekļūt.
• Vietnes apmeklētāji iegūst tādu pašu lietotāja pieredzi, nelejupielādējot lielākus failus.
• Vietņu īpašnieki saskaras ar zemākām joslas platuma izmaksām, jo ​​tīklā tiek pārsūtīts mazāk datu.

Kā darbojas CSS minifikators?

Ieteicams dublēt vietnes failus pirms to samazināšanas. Varat pat spert soli tālāk un samazināt failus izmēģinājuma vietnē. Tādā veidā jūs pārliecināsities, ka viss ir izveidots un darbojas, pirms veicat izmaiņas savā tiešsaistes vietnē.

Ir svarīgi arī salīdzināt lapas ātrumu pirms un pēc failu samazināšanas, lai jūs varētu salīdzināt rezultātus un noskaidrot, vai samazinājumam ir bijusi kāda ietekme.

Varat analizēt lapas ātruma veiktspēju, izmantojot GTmetrix, Google PageSpeed ​​​​Insights un YSlow — atvērtā koda veiktspējas pārbaudes rīku.

Tagad redzēsim, kā veikt samazināšanas procesu;

1. Manuālais CSS minifikators

Failu manuāla samazināšana prasa daudz laika un pūļu. Tātad, vai jums ir laiks noņemt atsevišķas atstarpes, līnijas un nevajadzīgu kodu no failiem? Visticamāk ne. Neatkarīgi no laika šis samazināšanas process nodrošina arī vairāk iespēju cilvēku kļūdām. Tāpēc šī metode nav ieteicama failu saraušanai. Par laimi, ir daudz bezmaksas tiešsaistes samazināšanas rīku, kas ļauj kopēt un ielīmēt kodu no jūsu vietnes.

CSS minifier ir bezmaksas tiešsaistes rīks CSS samazināšanai. Kopējot un ielīmējot kodu teksta laukā “Input CSS”, rīks samazina CSS. Ir iespējas lejupielādēt samazināto izvadi kā failu. Izstrādātājiem šis rīks nodrošina arī API.

JSCompress , JSCompress ir tiešsaistes JavaScript kompresors, kas ļauj saspiest un samazināt JS failus līdz 80% no to sākotnējā lieluma. Kopējiet un ielīmējiet savu kodu vai augšupielādējiet un apvienojiet vairākus failus, lai tos izmantotu. Pēc tam noklikšķiniet uz "Saspiest JavaScript - saspiest JavaScript".

2. CSS minifier ar PHP spraudņiem

Ir daži lieliski spraudņi, gan bezmaksas, gan premium, kas var samazināt jūsu failus, neveicot manuālas darbības.

• Apvienot,
• samazināt,
• atjaunot,
• WordPress spraudņi.

Šis spraudnis ne tikai samazina jūsu kodu. Tas apvieno jūsu CSS un JavaScript failus un pēc tam samazina failus, kas izveidoti, izmantojot Minify (CSS) un Google Closure (JavaScript). Minifikācija tiek veikta, izmantojot WP-Cron, lai tā neietekmētu vietnes ātrumu. Kad mainās jūsu CSS vai JS failu saturs, tie tiek atveidoti atkārtoti, lai jums nebūtu jāiztukšo kešatmiņa.

JCH optimizētājam ir dažas diezgan labas bezmaksas spraudņa funkcijas: tas apvieno un samazina CSS un JavaScript, samazina HTML, nodrošina GZip saspiešanu, lai apvienotu failus, un sprite renderēšanu fona attēliem.

CSS Minify , jums tikai jāinstalē un jāaktivizē, lai samazinātu CSS, izmantojot CSS Minify. Dodieties uz Iestatījumi > CSS samazināšana un iespējojiet tikai vienu opciju: Optimizēt un samazināt CSS kodu.

Fast Velocity Minify Ar vairāk nekā 20 000 aktīvo instalāciju un piecu zvaigžņu vērtējumu Fast Velocity Minify ir viena no populārākajām failu samazināšanas iespējām. Lai to izmantotu, jums tikai jāinstalē un jāaktivizē.

Atveriet sadaļu Iestatījumi > Fast Velocity Minify. Šeit atradīsit vairākas spraudņa konfigurēšanas opcijas, tostarp uzlabotas JavaScript un CSS izslēgšanas izstrādātājiem, CDN opcijas un servera informāciju. Lielākajā daļā vietņu noklusējuma iestatījumi darbojas labi.

Spraudnis veic saraušanos priekšgalā reāllaikā un tikai pirmā pieprasījuma laikā, kas nav kešatmiņā. Pēc pirmā pieprasījuma apstrādes tas pats statiskās kešatmiņas fails tiek pasniegts citām lapām, kurām nepieciešama tāda pati CSS un JavaScript kopa.

3. CSS minifier ar WordPress spraudņiem

CSS minifier ir standarta funkcija, ko parasti atrodat kešatmiņas spraudņos.

• WP raķete,
• W3 kopējā kešatmiņa,
• WP SuperCache,
• WP ātrākā kešatmiņa.

Mēs ceram, ka iepriekš sniegtie risinājumi ir palīdzējuši jums izveidot CSS miniatūru, un jūs varat saprast, kā to izmantot savā vietnē. Ja esat to darījis iepriekš, kādas citas metodes esat izmantojis, lai padarītu savu vietni ātrāku? Rakstiet mums Softmedal komentāru sadaļā, neaizmirstiet dalīties pieredzē un ieteikumos, lai uzlabotu mūsu saturu.