Կայքերը դանդաղեցնելու պատճառներն ու Սեմալտը

Բովանդակության աղյուսակ

1 Ներածություն

2 Կայքերը դանդաղեցնելու պատճառներն ու լուծումները

Չափից շատ HTTP հարցումներ
Խոշոր մեդիա ֆայլեր
Չափից շատ ներդիրներ
JavaScript- ի թողարկումներ
Դուք չեք օգտագործում պահման տեխնիկա
Դուք չեք օգտագործում CDN
Չօպտիմիզացված CSS
Անխռով էջ
Անմաքուր կոդավորում

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

1. Ներածություն

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

Էջի արագությունը ազդում է, թե ինչպես են որոնիչները դասակարգում ձեր կայքը: Այն նաև ազդում է ձեր կայքի տեսանելիության և արժանահավատության վրա: Դանդաղ կայք ունենալը կարող է հանգեցնել եկամտի նվազման, քանի որ օգտագործողների 40% -ը կհեռանա ձեր կայքից, եթե դրա բեռնումը տևի ավելի քան 2-3 վայրկյան: Կայքի այցելուներին դուք նաև բացասական փորձառություն կտաք ՝ ավելի քիչ հավանական դարձնելով ձեր կայքը վերադառնալը:

Դանդաղ կայքերի համար պատասխանատու շատ գործոններ կան: Կարդացեք ՝ պարզելու համար, թե որոնք են այդ գործոնները և ինչպես դրանք ուղղել:

2. Դանդաղ կայքերի պատճառներն ու լուծումները

Չափից շատ HTTP հարցումներ

Սա դանդաղ կայքերի տարածված պատճառն է: Երբ այսքան շատ JavaScript պատկերներ և CSS ունեք, դա կարող է դանդաղեցնել ձեր կայքի բեռնման ժամանակը, քանի որ զննարկիչը խնդրում է բեռնել այս ֆայլերից յուրաքանչյուրը ամեն անգամ, երբ ինչ-որ մեկը այցելում է ձեր կայք: Ձեր կայքի բեռնման ժամանակի 80% -ը կապված է այս տարրերը ներբեռնելու հետ:

Այս խնդիրը լուծելու համար նվազագույնի հասցրեք ձեր HTTP հարցումները: Եթե օգտագործում եք Chrome դիտարկիչ, օգտագործեք ձեր մշակողի գործիքի պարամետրերը ՝ պարզելու համար, թե ներկայումս ձեր կայքը ինչ հարցում է կատարում յուրաքանչյուր որոնման համար, ապա հնարավորինս նվազեցրեք այդ թիվը:

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

Խոշոր մեդիա ֆայլեր

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

Այս խնդիրը լուծելու համար օպտիմալացրեք ձեր մեդիա ֆայլերը ՝ սեղմելով դրանք, նախքան դրանք բեռնեք ձեր կայքում: Ձեր պատկերները չպետք է լինեն ավելի քան 100k: Գոյություն ունեն տարբեր առցանց գործիքներ, որոնք կարող եք օգտագործել ձեր պատկերները օպտիմալացնելու համար: TinyJPG անունով պատկերի սեղմման անվճար գործիք կարող եք օգտագործել ՝ ձեր պատկերի չափը փոքրացնելուց առաջ դրանք բեռնելուց առաջ: Եթե դուք վարում եք WordPress կայք, կարող եք օգտագործել WP Smush- ը:

Պետք է նաև ուշադրություն դարձնել պատկերի ձևաչափին, քանի որ PNG կամ GIF պատկերի ձևաչափերը շատ ավելի մեծ են JPG ձևաչափի համեմատ, ուստի JPG պատկերի ձևաչափի օգտագործումը կօգնի ձեր կայքին շատ ավելի արագ բեռնել: Դուք կարող եք օգտագործել գրաֆիկական խմբագրման ծրագրեր, ինչպիսիք են Photoshop- ը `ձեր ուզած պատկերի ձևաչափը ընտրելու համար: Photoshop- ն ունի «Պահպանել վեբ և սարքերի համար» տարբերակը, որը թույլ է տալիս նվազեցնել պատկերի որակը նախքան այն կայքում տեղադրելը:

Չափից շատ ներդիրներ

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

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

JavaScript- ի թողարկումներ

JavaScript- ը կարեւոր գործիք է, որը ձեր կայքը դարձնում է ֆունկցիոնալ և ավելի ինտերակտիվ օգտագործողների համար: Դա ավելի դյուրին է դարձնում AJAX- ի միջոցով դինամիկ տվյալների բեռնումը և ձեր էջին հատուկ էֆեկտների ավելացումը: Այնուամենայնիվ, եթե այն լավ չի մշակվում, JavaScript- ը կարող է խնդիր հանդիսանալ ձեր կայքի համար:

Դա կարող է խանգարել ձեր էջերի բեռնմանը այնքան արագ, որքան պետք է, քանի որ զննարկիչը պետք է ամբողջությամբ բեռնարկի յուրաքանչյուր JavaScript ֆայլ, նախքան այն կարողանա ցուցադրել կայքէջ: Չօպտիմալացված JavaScript- ը կարող է հանգեցնել այն բանի, ինչը հայտնի է որպես ռենդեր արգելափակող JavaScript կամ JavaScript, որը ձգձգում է ձեր էջերը, երբ օգտվողները փորձում են դրանք բացել իրենց զննարկիչներում:

Այս խնդրի լուծման համար անհրաժեշտ է.

Օգտագործեք ներքին JavaScript- ը `արտաքին JavaScript ֆայլեր օգտագործելու փոխարեն:
Ստուգեք ձեր JavaScript ֆայլերը ՝ տեսնելու համար կա՞ մեկը, որն այդքան էլ կարևոր չէ, որպեսզի կարողանաք ազատվել դրանցից:
Ձեր JavaScript- ի սեղմումը կօգնի նաև տեղադրել YUI կոմպրեսոր և օգտագործել այն ձեր ֆայլերը ճռճռացնելու համար:
Օգտագործեք ասինխրոն բեռնում ձեր JavaScript ֆայլերի համար:
Հետաձգեք JavaScript- ի բեռնումը; եթե կանխում եք JavaScript- ի բեռնումը մինչև այլ տարրերի բեռնումից հետո, դուք կբարձրացնեք ձեր էջի արագությունը:

Դուք չեք օգտագործում պահման տեխնիկա

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

Կարող եք հեշտությամբ միացնել պահոցը ՝ օգտագործելով այնպիսի plugins, ինչպիսիք են W3 Total Cache: Սա լավագույնս կաշխատի ձեզ համար, եթե օգտագործում եք WordPress կայք: W3 Total Cache- ն ասում է, որ իր օգտվողների էջի արագությունը տասն անգամ ավելի լավ է դարձել, քան նախքան plugin- ն օգտագործելն էր:

Ձեր կայքի պահված տարբերակը օգտագործողի զննարկչում պահելու համար և անցեք ընդհանուր պարամետրերին: Ընտրեք զննարկչի քեշը, կտտացրեք «Միացնել» տուփին: Նշեք, որ կարող եք որոշել այցելուի քեշում պահվող ֆայլը ցանկալի ժամանակահատվածի երկարությունը: Դուք պետք է ընդամենը ավելացնեք մի տող, որը զննարկիչին ասում է, թե որքան ժամանակ եք ցանկանում, որ ֆայլը մնա այցելուի քեշում:

Դուք չեք օգտագործում CDN

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

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

Չօպտիմիզացված CSS

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

Դուք կարող եք օպտիմալացնել CSS- ը ՝ ձեր բոլոր պատկերները համատեղելով մեկ մեծ ֆայլի մեջ ՝ օգտագործելով image Sprites: Մեկ այլ հուշում է `ձեր CSS ֆայլը սեղմել նորի` կրճատված սպիտակ տարածություններով: Դա կարող եք անել CSS Nano- ի նման CSS մանրացուցիչների օգտագործմամբ: Ստուգեք ձեր CSS ֆայլերը և կոդերը և ազատվեք ավելորդ ֆայլերից կամ կրկնօրինակներից:

Անխռով էջ

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

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

Որքան շատ տարրեր ունեք ձեր գլխավոր էջում, այնքան ավելի շատ ժամանակ կպահանջվի բեռնելու համար: Միշտ ավելի լավ է դա պարզ պահել: Մնացեք հիմունքներին և վերացրեք բոլոր ավելորդ տարրերը ձեր գլխավոր էջից, ինչպես նաև սկանավորեք ձեր կայքի բոլոր էջերը և ապամոնտաժեք դրանք, որպեսզի ձեր կայքը ավելի արագ բեռնվի:

Անմաքուր կոդավորում

Եթե ձեր կայքը լցված է սպիտակ տարածությունների ավելցուկով, ներդիրների ձևավորմամբ դատարկվում են նոր տողեր և ավելորդ մեկնաբանություններ, ապա այո, դուք կդանդաղեք դանդաղ կայք: Յուրաքանչյուր կայք ստեղծվում է շատ ծածկագրերով: Google- ը, օրինակ, կառուցված է 2 միլիարդ տող կոդերի վրա: Որոշ վեբ մշակողներ արտադրում են կայքեր, որոնք ունեն ծածկագրերի ավելորդ տողեր, որոնք ոչ մի հիմնական գործառույթ չեն կատարում: Այս խիտ, ծավալուն ծածկագրերը կարող են դանդաղեցնել ձեր կայքի բեռնման արագությունը:

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

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

Յուրաքանչյուր կայք պետք է օպտիմիզացվի հնարավորինս բարձր արագության համար, բայց դա չի կարող արվել առանց կայքի դանդաղ բեռնման համար պատասխանատու գործոնների բավարար իմացության: Եթե ձեր կայքը շատ դանդաղ է բեռնվում, մի խուճապի մատնվեք: Պարզապես օգտագործեք վերը թվարկված գործոնները որպես ուղեցույց `ուշացման պատճառը հասկանալու և դրանք ամրագրելու համար` օգտագործելով յուրաքանչյուր կետի տակ նշված խորհուրդները:

mass gmail