Ինչպես նվազագույնի հասցնել HTML- ը, CSS- ն և JavaScript- ը `օգտագործելով ինքնալպտիմիզացված Plugin- ը

04.06.2020
Ανάλυση 'Ինչպես նվազագույնի հասցնել HTML- ը, CSS- ն և JavaScript- ը `օգտագործելով ինքնալպտիմիզացված Plugin- ը
0 24 мин.

Google- ը և որոնման այլ շարժիչները արժեք են հաղորդում ձեր կայքին, եթե այն արագ բեռնվում է: Քանի որ հեռուստադիտողներից ոչ մեկը չունի շատ հիվանդներ, որոնք պետք է երկար սպասեն ձեր բովանդակությունը դիտելու համար, և դուք պարզապես պետք է 1,5 վայրկյան ունենաք նրանց ուշադրությունը գրավելու համար: Եթե ​​ձեր կայքը երկար ժամանակ տևի, դուք սովորաբար կորցնում եք ձեր հեռուստադիտողներին: Այսպիսով, սա անհրաժեշտ է ձեր կայքը արագացնելու համար: Կան մի քանի եղանակներ, որոնց միջոցով կարող եք օպտիմալացնել ձեր կայքը: Բայց ամենակարևոր մասերից մեկը դա է Նվազեցրեք HTML, CSS և JavaScript.


Եթե ​​երբևէ փորձել եք արագության փորձություն կատարել Google PageSpeed կամ GTmetrix, հավանաբար տեսնում եք այդ տարբերակը.

Բազմաթիվ ֆայլեր պարունակող յուրաքանչյուր կայք պարունակում է HTML, CSS և JavaScript: Եվ ֆայլերի մեծ մասը պարունակում է շատ տեղ, մեկնաբանություններ, բլոկային սահմանազերծողներ և այլն.

Սա նաև կախված է Թեման որակից: Օրինակ ՝ պրեմիում թեմաների որակը միշտ ավելի լավ է, քան Ազատ թեման: Պրեմիումի թեմաները լավ կոդավորված են և կառուցված են բարձր հմուտ մշակողների կողմից: Բայց բոլոր թեմաները նույնը չեն և ունեն տարբեր տեսակի գործառույթներ: Այսպիսով, ըստ Մինիմացություն այդ HTML, CSS և JavaScript ֆայլերը, դուք կարող եք ռազմավարականորեն բարձրացնել ձեր կայքի արագությունը և ուրախացնել ձեր այցելուներին.

Ինչն է Minify- ը և ինչու է այն շահեկան?

Փոքրացում ծրագրավորման լեզու է, որը հեռացնում է բոլոր ավելորդ նիշերը սկզբնաղբյուրից ՝ առանց փոխելու նրա գործունակությունը: Այս ավելորդ նիշերը սովորաբար պարունակում են «սպիտակ տիեզերական նիշ, նոր տողի նիշերը, մեկնաբանություններ, և արգելափակման սահմանափակումներ ». 

Նախքան Minify- ը և Minify- ից հետո

Դրանք օգտագործվում են կոդին ընթերցելիությունն ավելացնելու համար, բայց դրա համար անհրաժեշտ չէ, որ այն կատարվի: Այս եղանակով այն նվազեցնում է այն ծածկագրի քանակը, որը պետք է փոխանցվի համացանցում և պահպանում է ձեր թողունակությունը: Այսպես HTML- ի, CSS- ի և JavaScript- ի փոքրացում, Դուք կարող եք հեշտությամբ հեռացնել այդ ավելորդ նիշերը ձեր կայքից և զգալիորեն աճ ձեր կայքի արագությունը. 

Ինչպես նվազագույնի հասցնել HTML, CSS և JavaScript

Կարող եք երկու եղանակով ՝ Minize HTML, CSS & JavaScript. Կամ դուք կարող եք անել `փոփոխելով ձեր թեման ծածկագիրը, կամ կարող եք օգտագործել WordPress plugin, որը կոչվում է Ինքնիշխանացնել. Այս հոդվածում մենք ձեզ ցույց կտանք այդ երկու գործընթացների մասին Ինչպես նվազագույնի հասցնել HTML, CSS և JavaScript.

Որպեսզի իմանաք խնդիրը HTML- ի, CSS- ի կամ JavaScript- ի ճշգրիտ ֆայլը, անհրաժեշտ է ստուգել այն ցանկացած կայքի արագության փորձարկման գործիք, ինչպիսին է Google PageSpeed ​​գործիք կամ GTmetrix. Քանի որ ձեր բոլոր ֆայլերը չեն պարունակում այս տեսակի ավելորդ նիշ.

Ձեր կայքի արդյունքը ստուգելուց հետո դուք կստանաք այն: Ահա իմ կայքի ներքևում գտնվող մի նկար, որը համարում է ամրագրելով CSS և JavaScript.

Minison CSS, JavaScript

Դա կախված է ձեր թեմայի որակից: Այնպես որ, անհանգստանալու ոչինչ չկա, եթե տեսնում եք, որ երկուսն էլ ասում են Minify- ին և ավելի լավ է Պրեմիում թեմա ձեռք բերել.

Կան մի քանի առցանց գործիքներ, որոնց միջոցով կարող եք նվազագույնի հասցնել HTML, CSS և JavaScript ծածկագիրը. 

Փոփոխություն կատարելուց առաջ վերցրեք այդ ֆայլի կրկնօրինակը.

# 1 Նվազեցնել կոդը:

Minify կոդ գործիք

Նվազեցնել կոդը բոլորը մեկ մեկ ականազերծող գործիք է: Այն կարող է նվազագույնի հասցնել ձեր JavaScript, CSS և HTML կոդերը: Ձեզ անհրաժեշտ է պատճենել HTML կամ CSS կամ JavaScript ծածկագիրը և տեղադրեք այն այստեղ: Այնուհետև կտտացրեք Նվազեցնել Ընտրանք Այս գործիքը ավտոմատ կերպով նվազագույնի հասցրեք ձեր ծածկագիրը: Դրանից հետո պատճենեք Minified կոդը այդ ֆայլում.

Այդ գործիքի միջոցով կարող եք նաև նվազագույնի հասցնել ձեր CSS և JavaScript կոդերը, օրինակ HTML կոդ.

Թիվ 2 Ուիլպավին:

Ուիլպավին

Willpeavy- ը ևս մեկ հիանալի գործիք է Նվազեցնել HTML- ը կոդերը: Այս գործիքը գործում է այնպես, ինչպես անում է minify կոդը: Այն նվազեցնում է HTML- ը և ձեր նշագրման մեջ ներառված ցանկացած CSS կամ JS: Այս գործիքը օգտագործելու համար պարզապես անհրաժեշտ է պատճենել ձեր կոդը այստեղ և կտտացնել Minify- ին.

Նվազեցրեք `օգտագործելով ինքնալպտիմիզացված Plugin- ը

Ինքնիշխանացնել

Եթե ​​դուք ծանոթ չեք նման կոդավորմանը, ապա ավելի լավ է օգտագործել հավելված և առաջարկվում է սկսնակների համար: Ահա և գալիս է Ավտոմատացված plugin համար WordPress- ը օգտվողներ.

Autoptimize- ը զուգակցվում է բոլոր գրերի և ոճի կոդերի հետ և դրանք այդքան արագ փոքրացնում է այդ բեռներից: Այն նվազագույնի է հասցնում HTML- ի, CSS- ի ամբողջ համակարգը & Javascript- ը ինքնին կոդ է և ձեր էջը իսկապես թեթև դարձնելով: Minification- ի օգնությամբ այս plugin- ը լրացնում է վերնագրերը և անցնում ոճերը էջի գլխին և կարող է սցենարներ տեղափոխել ստորև.

Ինքնիշխանացնել առաջարկվող կարգավորումները

Կարող եք հեշտությամբ կատարել բոլոր իրերը plugin- ի պարամետրերից: Այս plugin- ը ակտիվացնելուց հետո անցեք դեպի Կարգավորումներ> Ինքնիշխանացնել.  Կտտացրեք «advancedուցադրել առաջադեմ պարամետրերը» կոճակը.

Մեջ HTML հատվածը, ավելի արագ կատարելու համար ստուգեք «Optimize HTML Code» և «Keep HTML մեկնաբանություններ».

HTML- ի ընտրանքների ինքնաբերականացում

Մեջ JavaScript հատված, միացրեք «Օպտիմիզացնել JavaScript ծածկագիրը»: Կարող եք նաև միացնել «Force JavaScript- ը» ՝ JS- ը վաղաժամ բեռնելու համար և նվազեցնի JS սխալների հավանականությունը: Եթե ​​ձեր JS- ն կոտրում է գրությունները, ապա կարող եք միացնել «Ավելացնել փորձանքի փաթաթում».
JavaScript- ի ընտրանքների ինքնաբերականացում

Ներ CSS հատված, միացրեք «Օպտիմիզացնել CSS ծածկագիրը», «Նաև համախառն ներմուծված CSS»: Կարող եք նաև միացնել «Ներքին և հետաձգվող CSS» ծրագիրը, եթե փոքրացրել եք CSS- ը: Փորձեք այս գործիքը փոքրացնել ձեր CSS- ը և տեղադրել այն վանդակում.

CSS- ի ընտրանքների ինքնաբերականացում

Մուտքագրեք ձեր CDN URL «CDN բազայի URL» դաշտում: Օրինակ ՝ ‘//cdn.example.com/”.

Եվ վերջապես, միացրեք «Պահպանեք համախմբված սցենարը / CSS- ը որպես ստատիկ ֆայլ»: Բայց համոզվեք, որ ձեր վեբ սերվերը կարող է պատշաճ կերպով կարգավորել սեղմումը և ժամկետանցը.

Autoptimize CDN ընտրանքները

Ձեր ծածկագիրը մանրացնելուց հետո մի մոռացեք կրկին ստուգել ձեր կայքի արագությունը: Ապա համեմատեք այն անցյալ արդյունքների հետ: Եթե ​​ձեր կայքը ինչ-որ խնդիր է առաջացնում կամ պատշաճ կերպով չի ցուցադրվում, կարող եք փորձել մաքրել այն Քեշ

Եզրակացություն

HTML- ի, CSS- ի նվազեցում և S.Ս. ձեռնտու է ձեր կայքի համար: Այն հեռացնում է ձեր կոդի անհարկի նիշերը և դրանք փոքրացնում, որոնք զանազան են բրաուզերի համար: Այս կերպ Դուք կարող եք բարելավել ձեր կայքի բեռնման արագությունը.

Եթե ​​այս ձեռնարկը կօգնի նվազագույնի հասցնել HTML, CSS և JavaScript, խնդրում ենք համօգտագործեք այս հոդվածը Ֆեյսբուք, Twitter- ը, Google- ը+.

Առնչվող հոդվածներ,

  • Ինչպես օգտվել զննարկչի պահպանումից WordPress- ում
  • Ինչպես օպտիմալացնել WordPress տվյալների բազան `օգտագործելով WP-Sweep
  • WordPress 2017-ի համար 7 լավագույն պատկերի օպտիմիզատոր
  • Ինչպես հեշտությամբ միացնել Gzip սեղմումը WordPress- ում `ավելի արագ բեռնման համար
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector