Բովանդակություն
- 01. Փորձեք ընթացիկ արագությունը
- 02. Ուսումնասիրեք արդյունքները
- 03. Որոշեք ամենամեծ ֆայլերը
- 04. Սեղմեք մեդիան `չափը փոքրացնելու համար
- 05. Պատկերները չափափոխել
- 06. CSS- ի, JS- ի և HTML- ի նվազեցում
- 07. Միավորել CSS & JS ֆայլերը
- 08. Հետաձգեք արտաքին JavaScript- ը
- 09. Ուսումնասիրեք պլագինները
- 10. Ստուգեք վեբ սերվերի հզորությունը
- 11. Միացնել Gzip սեղմումը
- 12. Նորացրեք PHP 7-ին
- 13. Կարգավորեք էջի պահուստավորումը
- 14. ֆոտոն
- 15. Կարգավորեք զննարկչի պահումը
- 16. Բեռի փորձարկում վիրտուալ օգտագործողների հետ
- 17. Ստուգեք կատարումը
WordPress- ը սկսեց որպես բլոգավարման պարզ հարթակ, բայց վերաճեց բովանդակության կառավարման համակարգի, որն այժմ ապահովում է կայքերի մեծ տոկոս: Որպես ամենատարածված CMS- ը, նրա արագ հաջողությունը, ամենայն հավանականությամբ, պայմանավորված է նրանով, որ այն վեբ զարգացման աշխարհում ֆանտաստիկ ընդհանուր նշանակության գործիք է:
Մուտք գործելու ցածր խոչընդոտը և պլագինների մեծ էկոհամակարգը և անվճար WordPress թեմաները թույլ են տալիս ավելի քիչ տեխնիկապես տիրապետող օգտվողներին ստեղծել բարդ համակարգեր: Բայց սա կարող է լինել երկսայր թուր, եթե WordPress- ի կայքը գրավում է ուժգնությունը, ընդլայնվում է պատահական այցելուից այն կողմ և հանգեցնում խնդիրների:
Վստա՞հ եք WordPress- ի մասին: Ուսումնասիրեք այլ տարբերակներ `մեր վեբ հոստինգի լավագույն մատակարարների ցուցակով: Եվ եթե ցանկանում եք հեշտությամբ կայք մշակել, փորձեք այս փայլուն կայքեր ստեղծողներին:
Խնդիրների առաջին նշաններն ի հայտ են գալիս, երբ նոր օգտվող վայրէջք է կատարում կայքում. Բեռի ժամանակները կարող են տանջալից լինել, և տարրերը ցատկում են էջի վրա, քանի որ առանձին ոճաթերթերը բեռնվում են մեկ առ մեկ: Դեռևս շատ ժամանակ չի անցել, երբ սերվերի հիշողությունը սպառվում է, ինչի արդյունքում տվյալների բազան խափանվում է, և պահանջվում է սերվերի վերագործարկում ՝ կայքի վերականգնման համար:
Լռելյայնորեն, երբ օգտվողը վայրէջք է կատարում WordPress կայքի կողմից տրամադրված էջի վրա, հետևի վերջը անցնում է թեմայի և ցանկացած լրացման միջոցով ՝ նախքան էջը մատուցելը: Եթե շատ հավելումներ են օգտագործվում կամ թեման վատ է գրված, դա կարող է հանգեցնել տվյալների բազայի երկար հարցումների և JavaScript- ի և CSS- ի ներառման, որտեղ դա անհրաժեշտ չէ:
Բարեբախտաբար, դանդաղ արագություն առաջացնող հիմնական խնդիրներից շատերը կարող են լուծվել, և այս ձեռնարկում մենք կանդրադառնանք, թե ինչպես կարող եք օպտիմալացնել WordPress կայքերի նույնիսկ ամենաբարդ կայքերը: Ձեր հմտություններն էլ ավելի խթանելու համար դիտեք WordPress- ի ձեռնարկների մեր շարքը `փորձելու համար:
01. Փորձեք ընթացիկ արագությունը
Կայքն արագացնելու առաջին քայլը պարզելն է, թե որքանով է այն լավ գործարկում սկզբից: Գործիքների շարքը գոյություն ունի օգնելու համար, այդ թվում `Google- ի Pagespeed Insights- ը և Pingdom- ի էջի բեռնման ստուգիչը: Մենք կօգտագործենք GTmetrix, քանի որ այն միավորում է մի քանի ստուգումներ. անցեք կայք և մուտքագրեք կայքի URL- ն:
02. Ուսումնասիրեք արդյունքները
Կարճ ուշացումից հետո GTmetrix- ը կցուցադրի ստուգման արդյունքները և կտա մի քանի միավոր A-F- ից: Այն նաև կտա ամբողջությամբ բեռնված ժամանակ և էջի ընդհանուր չափը: Սրա տակ տրված է մի քանի տարրերի բաժանում:
03. Որոշեք ամենամեծ ֆայլերը
Կարևորագույն ցուցանիշներից մեկը էջի ընդհանուր չափն է: Սա էջի բոլոր բեռնված տարրերի ֆայլերի չափն է, ինչպիսիք են պատկերները, տեսանյութերը, CSS- ը և էջում ներառված ցանկացած սցենարներ: GTmetrix- ի միջոցով բացեք «openրվեժ» ներդիրը և աղյուսակը դասավորեք ըստ չափի ՝ էջի ամենամեծ տարրերը գտնելու համար:
04. Սեղմեք մեդիան `չափը փոքրացնելու համար
Պատկերներն ու տեսանյութերը սովորաբար էջի ամենամեծ նյութերն են: Վերացրեք ավելորդ ֆոնային տեսանյութերը և ապահովեք, որ տեսանյութը կոդավորվի ցածր բիթ-արագությամբ, եթե այն ինքնաբերաբար խաղում է: Տեղադրեք plugin EWWW Image Optimizer- ը: Մեդիա գրադարանից մատչելի է նոր զանգվածային օպտիմալացման տարբերակ: Վազիր սա:
Եթե շատ լրատվամիջոցներ ունեք պահելու, ապահով պահեք դրանք ամպային պահեստավորման այս գերազանց տարբերակներում:
05. Պատկերները չափափոխել
Երբեմն էջում ավելացված պատկերները լինում են բարձր լուծաչափով, իսկ հետո փոքրացվում են CSS- ի միջոցով: Սա վատնում է թողունակությունը, քանի որ ավելի մեծ չափը երբեք չի օգտագործվում: Անցեք կառավարման վահանակ> Կարգավորումներ> Ewww Image օպտիմիզատոր և ընտրեք չափափոխում: Նշեք «Չափափոխել հայտնաբերումը»: Այժմ ադմինիստրատորի կողմից դիտված էջերը կարևորում են այն պատկերները, որոնք պետք է չափափոխել: Այս պատկերների չափափոխումը պատկերի խմբագրում կամ ավտոմատ չափագրմամբ CDN օգտագործելը կլուծի այս խնդիրը:
06. CSS- ի, JS- ի և HTML- ի նվազեցում
Սա ծածկագրում նիշերը հեռացնելու գործընթաց է, որոնք մարդու կողմից ընթերցելի են դարձնում էջի չափը կրճատելը: Երրորդ կողմի թեման օգտագործելիս դրա համար կատարյալ է մի հավելանյութ, ինչպիսին է Autoptimize- ը: Տեղադրեք այն, անցեք կայանքներ> Ինքնալուծել> ոլորել ներքև ՝ CSS ընտրանքների վրա և նշեք «օպտիմալացնել CSS կոդը»: Երբ աշխատում է թեմայով, որը պատրաստվել է պատվերով, մանրացումը կատարվում է կառուցման գործիքների միջոցով, ինչպիսիք են gulp- ը:
CSS: a {-webkit-box-shadow: ոչ մեկը; տեքստային զարդարանք. ոչ մեկը; } Minified: a {-webkit-box-ստվեր: ոչ մեկը; տեքստի զարդարանք ՝ ոչ;}
07. Միավորել CSS & JS ֆայլերը
Երրորդ կողմի թեման օգտագործելիս Autoptimise հավելվածը կարող է ընդգրկել սցենարների մեծ մասը ՝ միացնելով «Համախառն CSS ֆայլեր» տարբերակը: Սա համատեղում է յուրաքանչյուր CSS- ի յուրաքանչյուր CSS էջը մեկ ֆայլի մեջ, շատ փոքրերի փոխարեն:
08. Հետաձգեք արտաքին JavaScript- ը
Կենդանի զրույցի, վերլուծության և հետևման գործիքները կարող են փաթեթավորել մեծ JavaScript ֆայլեր, որոնք ամբողջ վայրկյաններ են ավելացնում էջի ՝ ինտերակտիվ դառնալու ժամանակը: Այս գրություններին ավելացրեք հետաձգման հատկանիշը, որպեսզի դրանք չկատարվեն, քանի դեռ DOM- ը չի ավարտել բեռնումը:
script src = "path-to-file.js" հետաձգել> / script>
09. Ուսումնասիրեք պլագինները
Չափից շատ հավելումներ կարող են խեղել WordPress- ը: Քանի որ այսքան շատ հավելումներ անվճար են, մշակողները ճնշման տակ են իրենց ծրագրաշարի պրեմիում տարբերակները մղելու համար և ներառում են ավելորդ, փքված հատկություններ, ինչպիսիք են ադմինիստրատորի վահանակին ծանուցումները մղելը: Անջատեք և հանեք չօգտագործվող լրացումները. Նորից անհրաժեշտության դեպքում դրանք կարող են ավելի ուշ տեղադրվել:
10. Ստուգեք վեբ սերվերի հզորությունը
Կայքի շարժիչը այն սերվերն է, որի վրա աշխատում է: Եթե դրա էժան, ցածր ուժ և վատ պահվածքը վատ աշխատի: Անցեք Google PageSpeed Insights և մուտքագրեք կայքի URL- ն: Արդյունքում որոնեք «կրճատել սերվերի պատասխանի ժամանակը»: Եթե սա հայտնվում է զեկույցում, հավանական է, որ դանդաղ սերվերը մեղավոր է կատարման մեջ:
11. Միացնել Gzip սեղմումը
Gzip- ը կարող է նվազեցնել ձեր կայքի չափը, նախքան այն օգտագործողին ուղարկվի: Դրանից հետո օգտագործողի վեբ զննարկիչը ավտոմատ կերպով հանում է տվյալները և ցուցադրում է նրանց: Առանց թերությունների, կարևոր է ապահովել, որ Gzip- ը միացված է: Գզիպը միացված է ստուգելու մի քանի գործիքներ կան. փորձեք GiftOfSpeed- ը:
12. Նորացրեք PHP 7-ին
WordPress վահանակի մեջ բացեք Գործիքներ> Կայքի առողջություն և կտտացրեք տեղեկատվության ներդիրին: Բացեք «Սերվեր» ակորդեոնը և ստուգեք PHP տարբերակի արժեքը: Եթե սա 7.x.x- ից պակաս է, խորհուրդ է տրվում բարձրացնել առնվազն PHP 7.1: Թեստերը ցույց են տալիս, որ այս թույլատրված գործը փոխելը կրկնապատկվում է կրկնապատկված այցելուներին:
13. Կարգավորեք էջի պահուստավորումը
Անցեք պլագիններ> Ավելացրեք նոր պլագին և որոնեք «քեշի հնարավորություն»: Այս թեթև քաշը ավելացնում է էջերը հիշապահեստի մեջ, այնպես որ այցելուը, ով զննում է միևնույն ժամանակ, չի առաջացնում, որ կայքը երկու անգամ մատուցի էջը: Փոխարենը, ներդիրը էջը մեկ անգամ տալիս է ստատիկ HTML ֆայլ, այնուհետև այս ֆայլը ծառայում է հետագա օգտվողներին:
14. ֆոտոն
Տարբեր սարքեր տարբեր չափերի պատկերներ են տալիս, ինչը դժվարացնում է պատկերների չափը ճիշտ այնպես, ինչպես ցուցադրում են: Jetpack- ի մեջ ներառված անվճար «ֆոտոնային» ծառայության միջոցով պատկերներն ավտոմատ կերպով մատուցվում են ճիշտ չափի մեջ:
15. Կարգավորեք զննարկչի պահումը
Brննարկչի պահոցը օգտագործողի զննարկիչին ասում է, որ որոշակի տարրեր կարիք չունեն վերբեռնվելու ամեն անգամ, երբ նրանք էջը վերաբեռնում են կայքում կամ վերադառնում և կրկին այցելում: Դա կարելի է ձեռքով անել .htaccess- ում, կամ այլընտրանքորեն կարող է օգտագործվել այնպիսի հավելում, ինչպիսին է «Լծակների զննարկչի պահում»:
16. Բեռի փորձարկում վիրտուալ օգտագործողների հետ
Կայքն օգտագործող իրական օգտվողներին նմանակելու և կայքը սթրեսի տակ դնելու համար պետք է իրականացվի բեռի փորձարկում: Բեռնվածքի ազդեցությունը սերվերին դիտարկելիս օգտագործեք այնպիսի ծառայություն, ինչպիսին է Loader- ը ՝ կայք երթևեկելու համար: Սերվերի պրոցեսորը և հիշողությունը պետք է մնան անվտանգ սահմաններում:
17. Ստուգեք կատարումը
Օպտիմիզացիաներն իրականացնելուց հետո դուք պետք է ստուգեք և բարելավեք կայքի բարելավումը: Կրկին գործարկեք GTmetrix- ը և օգտագործեք պատմության ներդիրը ՝ էջի բեռնման ժամանակի տարբերությունը տեսնելու համար: Եթե քեշավորումը միացված է, համոզվեք, որ գոնե մեկ անգամ այցելեք կայք, որպեսզի փորձարկումն իրականացնելուց առաջ քեշը «պարզեցնեք»:
Այս հոդվածն ի սկզբանե տպագրվել է ստեղծագործական վեբ ձևավորման ամսագրի 292 համարում Վեբ դիզայներ. Գնիր 292-րդ համարը.
Միացեք մեզ 2020 թվականի ապրիլին ՝ GenerateJS- ում ՝ JavaScript գերաստղերի մեր շարքը տեսնելու համար. Համաժողովը, որն օգնում է ձեզ ավելի լավ JavaScript կառուցել: Ամրագրեք հիմա ժամը generateconf.com