9 եղանակներ, թե ինչպես բարելավել ձեր վեբ կայքի բեռնման արագությունը

Հոգնե՞լ եք դանդաղ կայքից: Իմացեք, թե ինչպես կարելի է շտկել և կատարելագործել ձեր վեբ կայքի աշխատանքը `էջի բեռնվածության արագության արագացման համար, ավելի երջանիկ հեռուստադիտողներ, & փոխակերպման ավելի լավ փոխարժեքներ.


Ինչպես շտկել դանդաղ բեռնման կայքը

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

Ոչ ոք չի սիրում դանդաղ կայք. Էջերի բեռի դանդաղ արագությունը կարող է ավելի արագ հեռացնել օգտվողներին, քան…: լավ է գոնե ավելի արագ, քան էջը բեռնելու համար տևող ժամանակն է!

ՀԱՄԱՐ ՆՇՈՒՄ. Ուսումնասիրությունները ցույց են տվել դա տևում է մեկ վայրկյան որպեսզի դիտողի մտքի հոսքը մնա անխափան: Ամեն վայրկյան հետո ձեր կայքը ռիսկի է դիմում կորցնելու այդ հեռուստադիտողի հետաքրքրությունը: Ձեր նպատակը ձեր վեբ կայքին մեկ վայրկյան կամ պակաս բեռնելն է.

Վեբ կայքի ծանրաբեռնված ժամանակը կարևոր է!

Համացանցի առաջին օրերին շատ կայքեր ստատիկ HTML էին, հիմնականում տեքստային փաստաթուղթ էին, ուստի տեսականորեն բեռնման համար շատ քիչ ժամանակ կպահանջվեր: Այնուամենայնիվ, կապի արագությունը նույնպես ցածր էր (եթե դու դեռ շատ երիտասարդ ես հիշում համացանցը 28,8 մոդեմով զննելը, սա ասես ստիպված լինի ավտոճանապարհին ժամով 1 մղոն վարել): Շատ կարևոր էր հաշվի առնել պատկերի չափը և գրաֆիկայի քանակը վեբ էջում, չխոսելով նաև այն մասին, որ դինամիկ կայքերը բեռնված են CGI- ի միջոցով. ինչը զգալիորեն դանդաղեցրեց իրերը: Այժմ, թողունակությունը մեծացել է: Մենք կարող ենք շատ ավելին անել համացանցում, և, իհարկե, անում ենք.

Այնուամենայնիվ, հարկ է հիշել, որ հին կանոնները դեռ գործում են.

Չնայած այն հանգամանքին, որ մեր ինտերնետային արագությունը և մեր օգտագործած սարքերը (օրինակ ՝ նոութբուքեր, պլանշետներ), & սմարթֆոններ) ամեն տարի ավելի ու ավելի արագ են դառնում, մեր համբերությունը, կարծես, ավելի է կարճանում: Դա է երբեք բավարար չէ. Մենք ուզում ենք այն, ինչ ուզում ենք, և ուզում ենք հիմա. Ահա թե ինչու առցանց բիզնեսի համար շատ կարևոր է օպտիմալացնել իրենց կայքի ծանրաբեռնված ժամանակը.

Այս հոդվածում մենք կքննարկենք լավագույն փորձը և ընթացիկ տեխնոլոգիաները, որոնք օգտագործվում են կայքի էջի բեռնման արագությունը օպտիմալացնելու համար, որպեսզի կարողանաք դրանք կիրառել ձեր սեփական կայքում.

ԱՆՎԱՐ ԱՆՎԱՐ. Արագությունը կարևոր է նաև SEO- ի համար.

Փորձարկման գործիքներ

Ինչ-որ բան սկսելուց առաջ, ձեզ հարկավոր է ունենալ որոշման մեթոդ ինչ դանդաղեցնում է ձեր կայքը և բարելավումները չափելու համար ձեր վեբ կայքի արագության ցուցիչն է: Ստորև թվարկված խնդիրները կարող են լինել կամ չեն կարող լինել ձեր գլխավոր խնդիրը, բայց դուք իմանալու ճանապարհ չեք ունենա, քանի դեռ չեք կարողանա վերահսկել գործընթացը.

Դուք պետք է տեղյակ լինեք, որ կան շատ տալիս և տալիս է: Ստորև բերված լուծումներից մի քանիսը կարող են թվալ, որ դրանք հակասում են միմյանց: Դա այն է, որ երբեմն մեկ խնդրի լուծումը կարող է բարձրացնել արագության խնդիրը ձեր կայքի մեկ այլ տեսանկյունից: Օրինակ ՝ պատկերի սպիտակների ստեղծումը կարող է սկզբում մեկ մեծ պատկեր բեռնելու անհրաժեշտություն առաջացնել, ինչը, չնայած կրճատելով շատ այլ պատկերներ բեռնելու անհրաժեշտությունը, կարող է դանդաղեցնել սկզբնական բեռնման ժամանակը (ես կդառնամ ավելի ուշ այդ մեթոդներին):.

Այդ իսկ պատճառով, դուք պետք է չափեք մեկ փոփոխության արդյունքները և մյուսը, որպեսզի կարողանաք որոշել, թե որն է լավագույն արդյունքը.

Ահա մի քանի օգտակար գործիքներ.

  • Google Page Speed ​​Insights – Google- ի այս անվճար գործիքը կստուգի ցանկացած URL և փորձարկում կանի ձեր կայքում `դրա կատարման համար: Այն տալիս է տարբեր արդյունքներ այն բանի համար, թե ինչպես է ձեր կայքը աշխատում ինչպես աշխատասեղանի, այնպես էլ բջջային հարթակների համար: Այն կտարածի սույն հոդվածում քննարկված ոլորտներից շատերին և առաջարկություններ կտա այն մասին, թե ինչն է հատուկ կարող դանդաղեցնել ձեր կայքը: Այնուամենայնիվ, այս գործիքը, կարծես, շատ ագրեսիվ և երբեմն անիրատեսական է, այնպես որ հիշեք սա.
  • Pingdom կայքի արագության թեստ – Pingdom- ն ունի նաև արագության փորձարկման որոշ հիանալի լուծումներ, որոնք կարող են փորձարկել ձեր կայքը աշխարհի տարբեր վայրերից (սա է պատճառներից մեկը, թե ինչու է լավ գաղափար օգտագործել CDN- ն օգտագործելը; ավելին ՝ ստորև նշված): Այն տրամադրում է բազմաթիվ գործնական լուծումներ ՝ ձեր արագությունը բարելավելու համար.
  • Յսլոու – Սա անվճար հավելված է ձեր զննարկչի համար, որը ձեզ կտրամադրի դասարան `ելնելով HTTP հարցումների քանակից, պատկերի չափերից, օգտագործված է CDN և այլն:.
  • Կատարողականի բյուջեի հաշվիչ – Սա օգտակար փոքր գործիք է `պարզելու համար, թե ինչպիսի բովանդակություն կարող եք« թույլ տալ »(հիմնված թողունակության վրա)` ձեր կայքը օպտիմալ կերպով աշխատելու համար.

ԿՈՎԱԹ. Մեկ այլ կարևոր բան, որը պետք է հաշվի առնել, այն է, թե որ մոտեցումը լավագույնս բարելավում է օգտագործողի փորձը. Դուք պետք է պարզեք ՝ արդյո՞ք առավելագույն արդյունավետ են բեռի լրացուցիչ բեռներն ընդդեմ աստիճանական բեռի: Դա կատարելու լավագույն միջոցը `օգտագործելիության ստուգման և մասնավորապես A / B թեստավորման միջոցով.

Ինչպե՞ս ավելի դյուրին դարձնել ձեր վեբ կայքը

Լավ, այնպես որ հիմա, երբ դուք ունեք որոշ փորձարկման գործիքներ, եկեք սուզվենք մեր կայքերի արագացման ուղղությամբ իրական գործերից!

ԿԱՐՈՂ ԵՆՔ ՕԳՏԱԳՈՐԾՈՒՄ? Կան շատ plugins & WordPress- ի հատուկ օպտիմիզացիաներ, որոնք առկա են այստեղ թվարկված շատ առաջադրանքների կատարման համար: Ստուգեք մեր հոդվածը բացառապես նախատեսված է WordPress- ն ավելի արագ դարձնելու համար.

1. Ձեր ֆայլերը չափազանց մեծ են կամ չափազանց շատ եք

Հիշեք ավելի վաղ, թե ինչպես մենք խոսեցինք այն մասին, թե որքան կարևոր է ֆայլի չափը համացանցի առաջին օրերին: Դա դեռ կարևոր է: Չնայած դա կարող է ակնհայտ թվալ, այն դեռ պետք է ասել. Խոշոր ֆայլերը բեռնման համար ավելի երկար են տևում.

Օգտագործեք ավելի փոքր ֆայլեր և դրանցից ավելի քիչ քանակություն (նաև դա կարող է իրականում բարձրացնել օգտագործողի փորձը: Մինչ մարդիկ սիրում են պատկերներ, շատերը կարող են տեղեկատվության ծանրաբեռնվածություն ստեղծել)

Հիմնականում ձեզ հարկավոր չէ շատ մեծ պատկերներ: Թեև CSS- ով օգտագործելով պատկերը հեշտ է չափափոխել, եթե դա անում եք, որպեսզի ֆայլը ավելի փոքր լինի, ապա վատնում եք թողունակությունը: Չափափոխեք ձեր պատկերները նախքան դրանք վերբեռնում ես: Զարմանալի է, թե որքան փոքր կարող եք դրանք դարձնել.

2. Միացրեք GZIP- ի սեղմումը

Նույնիսկ ձեր ֆայլի չափը կրճատելուց հետո լավ գաղափար է սեղմել դրանք ՝ ձեր կայքի մնացած մասի հետ միասին, նախքան այն օգտագործողին ուղարկելը: Դուք հավանաբար արդեն ծանոթ եք այս հայեցակարգին: Երբեմն ձեզ հարկավոր է շատ ֆայլեր ցանցի միջոցով շատ ֆայլեր ուղարկելու եղանակ, այնպես որ հարկավոր է դրանք «զտել», որպեսզի այն չափը լինի, որը թույլ կտա ձեր մատակարարը: Դե, HTTP սեղմումը գրեթե նույնն է.

Վեբ սերվերների մեծ մասը թույլ կտա սեղմել ֆայլերը, որոնք կոչվում են օգտակար գործիք gzip. Gzip- ը կվերցնի ձեր կայքի բոլոր ֆայլերը, սեղմեք դրանք շատ ավելի փոքր չափի մեջ, նախքան օգտագործողի զննարկիչը ուղարկելը: Սա կաշխատի ձեր կայքի բոլոր ֆայլերի հետ: Ահա նաև այլ հարմարավետ առցանց պատկերների սեղմման գործիքներ, որոնք մատչելի են ձեր կայքում ֆայլերը սեղմելու համար.

3. Պահում

Կարող եք նաև հրահանգներ տալ զննարկիչներին այն մասին, թե երբ այն պետք է օգտագործի ձեր կայքի պահված տարբերակը `ընդդեմ նոր վարկածի: Օգտագործելով Expire- ի վերնագրերը Դուք կարող եք օգտվողին ասել, որ պահված բովանդակությունը օգտագործի, եթե այն ստատիկ է, բայց նաև լծակ է այն ժամանակ, երբ կարիք կա բեռնելու նոր բովանդակություն, ինչպես, օրինակ, դինամիկ բովանդակությամբ:.

4. Դուք շատ սերվերի զանգեր ունեք (HTTP պահանջներ)

Սա ձեր կայքն արագացնելու ժամանակ հաշվի առնելու ամենակարևոր բաներից մեկն է: Ամեն անգամ, երբ որևէ նոր ֆայլ խնդրեք կամ ինչ-ինչ պատճառներով կայք վերահղեք, սա դանդաղեցնում է գործընթացը: Յուրաքանչյուրի հետ օգտագործողի զննարկիչը պետք է ուղևորություն տանի ձեր սերվերին, որն այնուհետև կգտնի ռեսուրսը և այն փոխանցի օգտագործողին: Թեև դա լավ է փոքր չափաբաժիններով, յուրաքանչյուր սերվերի զանգը (հատկապես, եթե դրանք տեղի են ունենում նույն էջում) կտրուկ դանդաղեցնում է ձեր կայքը.

Յուրաքանչյուր ֆայլ, որը դուք հայցում եք կամ ունեք ձեր կայքում, զանգ է ուղարկում սերվերին: Եթե ​​ձեր կայքում կա 20 պատկեր, ապա սերվերը պետք է զանգահարվի 20 անգամ: Կան մի շարք բաներ, որ դուք կարող եք անել դրանք կրճատելու համար.

  • Օգտագործեք CSS պատկերի բծեր – սրանք միայնակ պատկերներ են, որոնք պարունակում են ձեր կայքի բոլոր պատկերների բաղադրյալ ՝ որպես մեկ պատկեր: Կարող եք օգտագործել CSS ՝ միայն ֆայլի այն մասը տրամադրելու համար, որն անհրաժեշտ է ցուցադրել որոշակի վայրում: Սա նշանակում է, որ 20 պատկերների համար 20 զանգերի փոխարեն այն կկոչի միայն մեկ մեծ պատկեր: Այնուամենայնիվ, զգույշ եղեք. Մինչդեռ սա նվազեցնում է զանգեր դեպի db, որոնք անպայման կարագացնեն ձեր կայքը, պատկերի չափը դեռ կարող է խնդիր լինել.
  • Ուղղեք ձեր կոտրված հղումները – ամեն անգամ, երբ փորձում եք ինչ-որ մեկին ուղարկել այն էջը, որն այլևս չկա ձեր կայքում, դա ձեր սերվերին առաջացնում է 404 էջ: Ըստ էության սա նշանակում է, որ այն փնտրում է էջը, ստանում է չգտած հաղորդագրություն և այնուհետև պետք է ստանձնի մաքսային սխալ: Այս սերվերի զանգերից յուրաքանչյուրը կարող է ձեզ դանդաղեցնել.
  • Նվազեցնել վերահղումները – փորձեք կրճատել ձեր սերվերը ընտրելու ժամանակների քանակը, որ ինչ-որ մեկին այլ էջ ուղարկի: Թեև սա կարող է թվալ օգտակար (օրինակ ՝ SEO- ի համար) ունենալ այս նպատակով էջեր տեղադրելու համար, եթե շատ սերվերի զանգեր եք անում, դա կարող է դանդաղեցնել ձեր կայքը և բացասաբար ազդել օգտվողի փորձի վրա.

Պատկերների սփրեյթի օրինակImage Sprite- ի օրինակ. Պատկերների աղբյուր

6. Ձեր վեբ կայքի կոդավորման կարիքն օպտիմիզացումն է

  • Նվազեցրեք ձեր CSS- ն և ձեր JavaScript- ը – Դատարկ տարածությունը ինչ-որ բան է նշանակում զննարկչի համար: Դա կարող է դատարկ թվալ ձեզ կամ ինձ, բայց յուրաքանչյուր դատարկ տարածություն բնույթ է, որը պետք է կարդալ և մատուցվել: Շատ դեպքերում դա անհրաժեշտ չէ, այնպես որ դուք օգտագործում եք որոշ նվազագույնի հասցնող գործիքներ `այս ֆայլերը սեղմելու համար դեռևս աշխատող, բայց ավելի արագ` բաղադրիչները կարդալու համար: Google- ը ձեզ հասանելի մի քանի լավ գործիքներ ունի նվազագույնի հասցրեք ձեր JavaScript- ը և CSS- ը
  • PHP- ի փոխարեն օգտագործեք HTML, եթե դա դինամիկ բովանդակություն չէ. Չնայած ձեր ծածկագրի մեծ մասը կարող է դինամիկ լինել, երբեմն լավ է հին դպրոց գնալը և պարզապես օգտագործեք պարզ HTML կոդ: PHP- ն պետք է գործարկվի պրոցեսորի միջոցով: HTML- ը մեկնաբանվում է ուղղակիորեն զննարկչի կողմից: Եթե ​​դա պարզապես ստատիկ բովանդակություն է, որը դուք առաքում եք, ապա այն ստատիկ պահեք.
  • Ներդրեք ձեր CSS- ը վերևում և JavaScript- ը ներքևի մասում – Սա հին կանոն է, բայց այն դեռ կիրառվում է: Ձեզ անհրաժեշտ է, որ CSS- ն արագ մատուցվի, բայց JavaScript- ը պետք է գործարկել միայն էջի բեռներից հետո: Նաև գուցե ցանկանաք շատ բան կախված չլինել JavaScript- ի արտաքին ֆայլից զանգահարելուց: Եթե ​​դրանից շատ բան չկա, ուղղակիորեն ընդգրկեք այն էջում, քանի որ սա HTTP- ի ավելի քիչ պահանջ է, որը պետք է արվի.

ՆշումԵթե ​​դուք օգտագործում եք JavaScript- ի մեծ հանրաճանաչ գրադարաններ, ինչպիսիք են JQuery- ը, խորհուրդները մի փոքր այլ են: Դուք դրանք կցանկանաք առանձին ֆայլով, բայց իրատեսորեն ավելի լավ գաղափար է jQuery- ն ուղղակիորեն օգտագործել CDN- ից: Սա ունի մի քանի առավելություն: Քանի որ այս գրադարանները հանրաճանաչ են, շատ մեծ հավանականություն կա, որ օգտագործողն արդեն ունի այս գրադարանի պահված տարբերակը, այնպես որ բեռնումը այն ընդհանրապես ժամանակ չի պահանջում: Եթե ​​ձեր սերվերը տրամադրեք այն, սա ևս մեկ սերվեր է, և ամբողջ գրադարանը պետք է բեռնված լինի, որպեսզի այն աշխատի: Սա կարող է ավելացնել ձեր կայքի դանդաղությունը.

Լավ, այնպես որ հիմա դուք նայեցիք ավելի ու ավելի ամրագրված, որքան կարող եք ներքին, բայց այն դեռ դանդաղ է թվում, հատկապես երկար հեռավորությունների վրա: Եկեք նայենք սերվերի որոշ գործիքների.

7. Ձեր կայքը դանդաղ է ուշացման պատճառով

Latency- ը տերմին է, որը վերաբերում է HTTP հարցումին ձեր սերվերին պատասխանելու համար անհրաժեշտ ժամանակի: Պատճառը դա կարևոր է նույն պատճառով, որ դուք չեք ցանկանում չափազանց շատ խնդրանքներ ներկայացնել: Եթե ​​այս անգամ կարողանաք արագացնել, դա կտրուկ կբարձրացնի ձեր կայքի արագությունը: Լատենտությունն ավելանում է որպես վերջնական օգտագործողի և բովանդակությունը տրամադրող սերվերի միջև ֆիզիկական հեռավորության գործառույթ.

Վեբ կայքի լատենտության օրինակ

Դրա լուծման լավագույն միջոցներից մեկը բովանդակության առաքման ցանցերի կամ CDN- ների օգտագործումն է: Ձեր կայքի պարունակության այս cache պատճեններն աշխարհի տարբեր վայրերում, այնպես որ այդ վայրերից յուրաքանչյուրի համար ձգձգումը նվազում է: Առավել հայտնի CDN պրովայդերները ներառում են Akamai, Cloudflare և Amazon AWS, բայց կան շատ ուրիշներ: CDN օգտագործմամբ հետազոտելը արժե ձեզ համար, հատկապես եթե ունեք հաճախորդներ, որոնք հեռու են ձեր սերվերի գտնվելու վայրից.

8. Ձեր տվյալների բազան չափազանց դանդաղ է

Այսօր կայքերի մեծ մասը մեծապես ապավինում է այն տվյալների պարունակությանը, որը պահվում է տվյալների բազայում: Սա հատկապես ճիշտ է էլեկտրոնային առևտրի կայքերի համար: Դուք հավանաբար շատ ապրանքատեսակներ ունեք, և դրանք պետք է պահեք և կտտացրեք նրանց կտտոցով: Թեև տվյալների բազաները հիանալի են և ձեր ընկերն են, տվյալների բազան կարող է անարդյունավետ կազմակերպվել, կամ կարող են լինել մի շարք վատ հարցումներ: Հիշեք, եթե օգտվողը պետք է մի քանի վայրկյան սպասի յուրաքանչյուր հարցման միջև, սա ավելացնում է: Եթե ​​օգտվողները անմիջապես չեն գտնում իրենց ուզած ճշգրիտ արտադրանքը, կամ եթե դա շատ երկար է տևում, նրանք կարող են թողնել առանց գնումների: Նույնիսկ եթե նրանք ինչ-որ բան գտնեն, հավանականությունը, որ նրանք կշարունակեն դիտել, նույնպես կնվազեն յուրաքանչյուր լրացուցիչ վայրի հետ.

Ահա լավը քայլ առ քայլ ուղեցույց այն մասին, թե ինչպես սկսել այս մասին MySQL տվյալների բազայում.

Նշում: Եթե ​​ունեք մեծ տվյալների բազա, գուցե անհրաժեշտ լինի տվյալների բազայի մասնագետ վարձել ՝ ձեզ օգնելու համար, քանի որ դա կարող է ինչ-որ տեղ ներգրավվել.

9. Ձեր վեբ հոստինգի մատակարարը պարզապես արագ չէ

Անկախ նրանից, թե որքան զվարճալի և կսմթել եք ձեր վեբ կայքը, այն նույնքան արագ է, որքան դրա ամենաթույլ հղումը, որն այս դեպքում ձեր վեբ սերվերն է: Արագ վեբ հոստի ընտրությունը հիմք է հանդիսանում արագ կայքերի համար: Փաստորեն, դուք կարող եք կոտրել ձեր բոլոր օպտիմիզացիաները երկու հիմնական մասի ՝ 1) ձեր վեբ կայքի օպտիմիզացում և 2) ձեր վեբ սերվերի օպտիմիզացում: Վեբ հոստինգը շատ կարևոր է, և դրա համար մենք դրա մասին լայն ուղեցույցներ ենք գրել: Ձեր վեբ սերվերը իրականում բավականին բարդ է, և կա շատ կազմաձև, որն անհրաժեշտ է ինչպես ֆիզիկական սերվերի ապարատային, այնպես էլ ծրագրային ապահովման համար, բայց, բարեբախտաբար, վեբ հոստինգի պլանների մեծ մասը կառավարվում է, այսինքն ՝ վեբ հոստինգի ընկերությունը դա կանի ձեզ համար: Որոշ լավ ընկերությունների ցուցակի օգտագործման համար մենք հրապարակեցինք այս հոդվածը ամենաարագ վեբ հոստերում.

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

Թեև վերը նշված կատեգորիաներից յուրաքանչյուրը կարող է շատ ավելի մանրամասն նկարագրվել, եթե հետևեք այս ուղեցույցներին, դուք շատ լավ հնարավորություն եք կրճատելու ձեր վեբ կայքի բեռնման ժամանակը կեսը կամ ավելին, և դուք, անշուշտ, կբարելավեք ձեր արագությունը: կայք Խնդրում եմ, մեկնաբանությունների բաժնում ինձ տեղյակ պահեք, եթե ունեք հարցեր.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me