CSS մինիֆիկատոր
CSS minifier-ով դուք կարող եք փոքրացնել CSS ոճի ֆայլերը: CSS կոմպրեսորով դուք հեշտությամբ կարող եք արագացնել ձեր վեբ կայքերը:
Ինչ է CSS minifier-ը:
CSS minifier-ը նպատակ ունի կրճատել CSS ֆայլերը կայքերում: Այս հայեցակարգը, որն օգտագործվում է որպես անգլերենի համարժեք (CSS Minifier), ներառում է դասավորվածություն CSS ֆայլերում: Երբ CSS-ները պատրաստվում են, հիմնական նպատակն այն է, որ վեբ կայքի ադմինիստրատորները կամ կոդավորողները ճիշտ վերլուծեն տողերը: Հետեւաբար, այն բաղկացած է այնքան շատ տողերից: Այս տողերի միջև կան անհարկի մեկնաբանությունների տողեր և բացատներ: Ահա թե ինչու CSS ֆայլերը դառնում են շատ երկար: Այս բոլոր խնդիրները վերացվում են CSS minifier-ով:
Ի՞նչ է անում CSS minifier-ը:
CSS ֆայլերում կատարված փոփոխությունների հետ մեկտեղ; չափերը կրճատվում են, ավելորդ տողերը հանվում են, ավելորդ մեկնաբանությունների տողերն ու բացատները ջնջվում են: Ավելին, եթե CSS-ում ներառված են մեկից ավելի կոդ, ապա այդ կոդերը նույնպես ջնջվում են։
Այս գործողությունների համար կան տարբեր պլագիններ և հավելվածներ, որոնք օգտատերերի մեծ մասը կարող է ձեռքով կատարել: Հատկապես WordPress համակարգից օգտվող մարդկանց համար այս գործընթացները կարող են ավտոմատացվել փլագինների միջոցով: Այսպիսով, սխալվելու հնարավորությունը վերանում է, և ավելի արդյունավետ արդյունքներ են ստացվում։
Մարդիկ, ովքեր չեն օգտագործում WordPress-ը CSS-ի համար կամ չեն ցանկանում նախընտրել գոյություն ունեցող հավելումները, կարող են նաև օգտվել առցանց գործիքներից։ Ներբեռնելով CSS-ը առցանց գործիքների վրա ինտերնետով, CSS-ում առկա ֆայլերը կրճատվում են՝ փոփոխություններ կատարելով: Բոլոր գործընթացներն ավարտվելուց հետո բավական կլինի ներբեռնել առկա CSS ֆայլերը և վերբեռնել դրանք կայք։ Այսպիսով, CSS Minify կամ shrinking գործողությունները հաջողությամբ կավարտվեն, և բոլոր հնարավոր խնդիրները, որոնք կարող են առաջանալ CSS-ի միջոցով կայքի համար, կվերացվեն:
Ինչու՞ պետք է փոքրացնել ձեր CSS ֆայլերը:
Արագ կայք ունենալը ոչ միայն ուրախացնում է Google-ին, այլև օգնում է ձեր կայքին ավելի բարձր տեղ գրավել որոնումների մեջ, ինչպես նաև ապահովում է ավելի լավ օգտվողի փորձ ձեր կայքի այցելուների համար:
Հիշեք, որ մարդկանց 40%-ը նույնիսկ 3 վայրկյան չի սպասում, որ ձեր գլխավոր էջը բեռնվի, և Google-ը խորհուրդ է տալիս կայքերը բեռնել առավելագույնը 2-3 վայրկյանում:
CSS minifier գործիքով սեղմելը շատ առավելություններ ունի.
- Ավելի փոքր ֆայլերը նշանակում են, որ ձեր կայքի ներբեռնման ընդհանուր չափը կրճատվել է:
- Կայքի այցելուները կարող են ավելի արագ բեռնել և մուտք գործել ձեր էջերը:
- Կայքի այցելուները ստանում են նույն օգտվողի փորձը՝ առանց ավելի մեծ ֆայլեր ներբեռնելու:
- Կայքերի սեփականատերերը թողունակության ավելի ցածր ծախսեր ունեն, քանի որ ավելի քիչ տվյալներ են փոխանցվում ցանցով:
Ինչպե՞ս է աշխատում CSS minifier-ը:
Լավ գաղափար է, որ ձեր կայքի ֆայլերը կրճատելուց առաջ կրկնօրինակեք: Դուք նույնիսկ կարող եք մի քայլ առաջ գնալ և փոքրացնել ձեր ֆայլերը փորձնական կայքում: Այս կերպ դուք համոզվում եք, որ ամեն ինչ պատրաստ է և աշխատում է ձեր կենդանի կայքում փոփոխություններ կատարելուց առաջ:
Կարևոր է նաև համեմատել ձեր էջի արագությունը ձեր ֆայլերի կրճատումից առաջ և հետո, որպեսզի կարողանաք համեմատել արդյունքները և տեսնել, թե արդյոք կրճատումը որևէ ազդեցություն է ունեցել:
Դուք կարող եք վերլուծել ձեր էջի արագության կատարումը՝ օգտագործելով GTmetrix, Google PageSpeed Insights և YSlow՝ բաց կոդով կատարողականության փորձարկման գործիք:
Հիմա տեսնենք, թե ինչպես անել կրճատման գործընթացը.
1. Ձեռնարկ CSS minifier
Ֆայլերի ձեռքով փոքրացումը զգալի ժամանակ և ջանք է պահանջում: Այսպիսով, ժամանակ ունե՞ք ֆայլերից առանձին բացատներ, տողեր և ավելորդ կոդ հեռացնելու համար: Հավանաբար ոչ. Ժամանակից զատ, այս կրճատման գործընթացը նաև ավելի շատ տեղ է տալիս մարդկային սխալի համար: Հետևաբար, այս մեթոդը խորհուրդ չի տրվում ֆայլերի փոքրացման համար: Բարեբախտաբար, կան բազմաթիվ անվճար առցանց մինիֆիկացման գործիքներ, որոնք թույլ են տալիս պատճենել և տեղադրել կոդը ձեր կայքից:
CSS minifier- ը անվճար առցանց գործիք է CSS-ը փոքրացնելու համար: Երբ դուք պատճենում և տեղադրում եք կոդը «Input CSS» տեքստային դաշտում, գործիքը նվազեցնում է CSS-ը: Կան տարբերակներ՝ ներբեռնելու նվազագույն ելքը որպես ֆայլ: Մշակողների համար այս գործիքը տրամադրում է նաև API:
JSCompress , JSCompress-ը առցանց JavaScript կոմպրեսոր է, որը թույլ է տալիս սեղմել և նվազեցնել ձեր JS ֆայլերը մինչև իրենց սկզբնական չափի 80%-ը: Պատճենեք և տեղադրեք ձեր կոդը կամ վերբեռնեք և միացրեք բազմաթիվ ֆայլեր՝ օգտագործելու համար: Այնուհետև սեղմեք «Compress JavaScript – Compress JavaScript»:
2. CSS minifier PHP պլագիններով
Կան մի քանի հիանալի պլագիններ, ինչպես անվճար, այնպես էլ պրեմիում, որոնք կարող են կրճատել ձեր ֆայլերը՝ առանց ձեռքով քայլեր կատարելու:
- Միաձուլել,
- փոքրացնել,
- թարմացնել,
- WordPress Plugins.
Այս փլագինը ավելին է անում, քան փոքրացնում է ձեր կոդը: Այն միավորում է ձեր CSS և JavaScript ֆայլերը և այնուհետև նվազեցնում է Minify-ի (CSS-ի համար) և Google Closure-ի (JavaScript-ի համար) օգտագործմամբ ստեղծված ֆայլերը: Նվազեցումը կատարվում է WP-Cron-ի միջոցով, որպեսզի այն չազդի ձեր կայքի արագության վրա։ Երբ ձեր CSS կամ JS ֆայլերի բովանդակությունը փոխվում է, դրանք վերարտադրվում են, այնպես որ դուք ստիպված չեք լինի դատարկել ձեր քեշը:
JCH Optimize- ն ունի մի քանի բավականին լավ հնարավորություններ անվճար հավելվածի համար. այն համատեղում և փոքրացնում է CSS-ն ու JavaScript-ը, փոքրացնում է HTML-ը, ապահովում է GZip սեղմում ֆայլերը համակցելու համար և ֆոնային պատկերների համար sprite-ի ցուցադրում:
CSS Minify , Ձեզ անհրաժեշտ է միայն տեղադրել և ակտիվացնել ձեր CSS-ը CSS Minify-ով փոքրացնելու համար: Գնացեք Կարգավորումներ > CSS Minify և միացրեք միայն մեկ տարբերակ՝ Օպտիմալացնել և փոքրացնել CSS կոդը:
Fast Velocity Minify Ավելի քան 20000 ակտիվ տեղադրումներով և հինգ աստղանի վարկանիշով՝ Fast Velocity Minify-ը ֆայլերի կրճատման ամենատարածված տարբերակներից մեկն է: Այն օգտագործելու համար անհրաժեշտ է միայն տեղադրել և ակտիվացնել:
Գնացեք Կարգավորումներ > Արագ արագության կրճատում: Այստեղ դուք կգտնեք մի շարք տարբերակներ՝ պլագինի կազմաձևման համար, ներառյալ առաջադեմ JavaScript և CSS բացառումներ մշակողների համար, CDN ընտրանքներ և սերվերի տեղեկությունները: Կայքերի մեծ մասի համար լռելյայն կարգավորումները լավ են աշխատում:
Փլագինը իրական ժամանակում փոքրանում է ճակատային մասում և միայն առաջին չքեշավորված հարցման ժամանակ: Առաջին հարցումը մշակվելուց հետո նույն ստատիկ քեշ ֆայլը մատուցվում է այլ էջերին, որոնք պահանջում են CSS-ի և JavaScript-ի նույն փաթեթը:
3. CSS minifier WordPress պլագիններով
CSS minifier-ը ստանդարտ հատկություն է, որը սովորաբար կարող եք գտնել քեշավորման պլագիններում:
- WP հրթիռ,
- W3 Ընդհանուր քեշ,
- WP SuperCache,
- WP ամենաարագ քեշը:
Հուսով ենք, որ լուծումները, որոնք մենք ներկայացրել ենք վերևում, ձեզ պարզաբանել են, թե ինչպես անել CSS մինիֆիվերը, և դուք կարող եք հասկանալ, թե ինչպես կարող եք այն կիրառել ձեր կայքում: Եթե նախկինում դա արել եք, ի՞նչ այլ մեթոդներ եք օգտագործել ձեր վեբկայքն ավելի արագ դարձնելու համար: Գրեք մեզ Softmedal-ի մեկնաբանությունների բաժնում, մի մոռացեք կիսվել ձեր փորձով և առաջարկություններով՝ մեր բովանդակությունը բարելավելու համար: