CSS Minifier

Kas yra CSS minifier?

CSS minifieras skirtas sumažinti CSS failus svetainėse. Ši koncepcija, kuri naudojama kaip atitikmuo anglų kalba (CSS minifier), apima CSS failų išdėstymą. Rengiant CSS, pagrindinis tikslas yra, kad svetainių administratoriai ar programuotojai teisingai analizuotų eilutes. Todėl jį sudaro tiek daug eilučių. Tarp šių eilučių yra nereikalingų komentarų eilučių ir tarpų. Štai kodėl CSS failai tampa labai ilgi. Visos šios problemos pašalinamos naudojant CSS minifierį.

Ką daro CSS minifier?

Kartu su pakeitimais, atliktais CSS failuose; sumažinami matmenys, pašalinamos nereikalingos eilutės, ištrinamos nereikalingos komentarų eilutės ir tarpai. Be to, jei į CSS įtrauktas daugiau nei vienas kodas, šie kodai taip pat ištrinami.

Yra įvairių šių operacijų papildinių ir programų, kurias dauguma vartotojų gali atlikti rankiniu būdu. Ypač tiems, kurie naudojasi „WordPress“ sistema, šie procesai gali būti automatizuoti naudojant papildinius. Taip pašalinama galimybė suklysti ir gaunami efektyvesni rezultatai.

Žmonės, kurie nenaudoja WordPress CSS arba nenori teikti pirmenybės esamiems papildiniams, taip pat gali naudotis internetiniais įrankiais. Atsisiuntus CSS į internetinius įrankius internetu, esami CSS failai sumažinami atliekant pakeitimus. Baigus visus procesus, pakaks atsisiųsti esamus CSS failus ir įkelti juos į svetainę. Taigi tokios operacijos kaip CSS sumažinimas arba sumažinimas bus sėkmingai užbaigtos ir bus pašalintos visos galimos problemos, kurios gali kilti naudojant CSS svetainėje.

Kodėl turėtumėte sumažinti savo CSS failus?

Greita svetainė ne tik džiugina „Google“, bet ir padeda jūsų svetainei reitinguoti aukštesnę vietą paieškose, o taip pat suteikia geresnę naudotojo patirtį svetainės lankytojams.

Atminkite, kad 40 % žmonių net nelaukia 3 sekundžių, kol bus įkeltas pagrindinis puslapis, o „Google“ rekomenduoja svetaines įkelti daugiausiai per 2–3 sekundes.

Suspaudimas naudojant CSS minifier įrankį turi daug privalumų;

• Mažesni failai reiškia, kad sumažėja bendras svetainės atsisiuntimo dydis.
• Svetainės lankytojai gali greičiau įkelti ir pasiekti jūsų puslapius.
• Svetainės lankytojai gauna tokią pačią vartotojo patirtį, neatsisiunčiant didesnių failų.
• Svetainių savininkai patiria mažesnes pralaidumo išlaidas, nes tinklu perduodama mažiau duomenų.

Kaip veikia CSS minifier?

Prieš sumažinant svetainės failų atsargines kopijas, būtų gera idėja. Galite netgi žengti žingsnį toliau ir bandomojoje svetainėje sumažinti failus. Taip prieš atlikdami pakeitimus savo svetainėje įsitikinsite, kad viskas veikia ir veikia.

Taip pat svarbu palyginti puslapio greitį prieš ir po failų sumažinimo, kad galėtumėte palyginti rezultatus ir sužinoti, ar sumažinimas turėjo kokį nors poveikį.

Galite analizuoti savo puslapio greičio našumą naudodami GTmetrix, Google PageSpeed ​​​​Insights ir YSlow, atvirojo kodo našumo testavimo įrankį.

Dabar pažiūrėkime, kaip atlikti mažinimo procesą;

1. Rankinis CSS minifier

Failų mažinimas rankiniu būdu užima daug laiko ir pastangų. Taigi ar turite laiko pašalinti atskirus tarpus, eilutes ir nereikalingą kodą iš failų? Tikriausiai ne. Be laiko, šis mažinimo procesas taip pat suteikia daugiau galimybių žmogiškosioms klaidoms. Todėl šis metodas nerekomenduojamas mažinant failus. Laimei, yra daug nemokamų internetinių sumažinimo įrankių, leidžiančių kopijuoti ir įklijuoti kodą iš savo svetainės.

CSS minifier yra nemokamas internetinis įrankis, skirtas sumažinti CSS. Kai nukopijuojate ir įklijuojate kodą į teksto lauką „Įvesti CSS“, įrankis sumažina CSS. Yra galimybių atsisiųsti sumažintą išvestį kaip failą. Kūrėjams šis įrankis taip pat suteikia API.

JSCompress , JSCompress yra internetinis JavaScript kompresorius, leidžiantis suspausti ir sumažinti JS failus iki 80% jų pradinio dydžio. Nukopijuokite ir įklijuokite kodą arba įkelkite ir sujunkite kelis failus. Tada spustelėkite „Suspausti JavaScript – suspausti JavaScript“.

2. CSS minifier su PHP priedais

Yra keletas puikių papildinių, tiek nemokamų, tiek aukščiausios kokybės, kurie gali sumažinti jūsų failus neatlikdami rankinių veiksmų.

• Sujungti,
• sumažinti,
• atnaujinti,
• „WordPress“ papildiniai.

Šis papildinys ne tik sumažina jūsų kodą. Jis sujungia jūsų CSS ir JavaScript failus ir sumažina failus, sukurtus naudojant Minify (CSS) ir Google Closure (JavaScript). Sumažinimas atliekamas naudojant WP-Cron, kad tai neturėtų įtakos jūsų svetainės greičiui. Pasikeitus CSS arba JS failų turiniui, jie pateikiami iš naujo, todėl jums nereikės ištuštinti talpyklos.

„ JCH Optimize “ turi keletą gana gerų nemokamo papildinio funkcijų: jis sujungia ir sumažina CSS ir „JavaScript“, sumažina HTML, suteikia GZip glaudinimą failams sujungti ir „Sprite“ atvaizdavimą fono vaizdams.

CSS Minify , tereikia įdiegti ir suaktyvinti, kad sumažintumėte CSS naudodami CSS Minify. Eikite į „Nustatymai“ > „CSS sumažinimas“ ir įjunkite tik vieną parinktį: optimizuoti ir sumažinti CSS kodą.

Fast Velocity Minify Daugiau nei 20 000 aktyvių įdiegimų ir penkių žvaigždučių įvertinimo Fast Velocity Minify yra viena iš populiariausių failų mažinimo parinkčių. Norėdami jį naudoti, jums tereikia įdiegti ir suaktyvinti.

Eikite į „Settings“ > „Fast Velocity Minify“. Čia rasite daugybę papildinio konfigūravimo parinkčių, įskaitant išplėstinius „JavaScript“ ir CSS išskyrimus kūrėjams, CDN parinktis ir serverio informaciją. Daugumoje svetainių numatytieji nustatymai veikia gerai.

Įskiepis atlieka susitraukimą priekinėje dalyje realiuoju laiku ir tik per pirmą talpykloje neišsaugotą užklausą. Apdorojus pirmą užklausą, tas pats statinės talpyklos failas pateikiamas kitiems puslapiams, kuriems reikalingas tas pats CSS ir JavaScript rinkinys.

3. CSS minifier su WordPress įskiepiais

CSS minifier yra standartinė funkcija, kurią paprastai rasite talpyklos papildiniuose.

• WP raketa,
• W3 visa talpykla,
• WP SuperCache,
• WP greičiausia talpykla.

Tikimės, kad aukščiau pateikti sprendimai paaiškino, kaip padaryti CSS minifierą, ir suprasite, kaip galite jį pritaikyti savo svetainėje. Jei tai darėte anksčiau, kokius kitus metodus naudojote, kad svetainė būtų greitesnė? Rašykite mums Softmedal komentarų skiltyje, nepamirškite pasidalinti savo patirtimi ir pasiūlymais, kaip pagerinti mūsų turinį.