Երբ մարդը Google-ում սեղմում է ձեր կայքի հղումը և տեսնում սպիտակ էկրան, նա չի մտածում, որ ինտերնետը դանդաղ է։ Նա սեղմում է «հետ» և բացում հաջորդ արդյունքը։ Կայքի արագությունը այդ պատճառով ոչ թե տեխնիկական մանրուք է, այլ հայտերի հարց. դանդաղ կայքը կորցնում է մարդկանց նախքան նրանք կտեսնեն ձեր առաջարկը։
Որտեղ է արագությունը առավել կարևոր
- Հեռախոսում բջջային ինտերնետով. Երևանում շատերը կայքեր բացում են ճանապարհին, տաքսիում կամ մետրոյում, որտեղ կապը կարող է թուլանալ։
- Գովազդից եկած մարդկանց համար. նրանք դեռ չգիտեն ձեզ և ամենաքիչ համբերատարն են։ Եթե վճարում եք յուրաքանչյուր սեղմման համար, դանդաղ էջը նշանակում է կորած գումար։
- Տուրիստների համար ռոումինգով կամ նոր SIM քարտով, երբ ինտերնետը սահմանափակ է։
- Որոնման համար. Google-ը հաշվի է առնում էջի փորձառությունը, այդ թվում արագությունը, թեև դա միակ գործոնը չէ։
Ինչ է դանդաղեցնում կայքը
| Պատճառ | Ինչպես է դրսևորվում | Ինչ անել |
|---|---|---|
| Ծանր լուսանկարներ | Նկարները բացվում են կտոր-կտոր | Սեղմել, WebP ձևաչափ, ճիշտ չափ |
| Ֆոնային տեսանյութ | Առաջին էկրանը երկար դատարկ է | Փոխարինել նկարով հեռախոսում |
| Չատերի և սոցցանցերի վիջեթներ | Էջը «ցատկում» է բեռնվելիս | Թողնել մեկը, բեռնել ուշացումով |
| Շատ տառատեսակներ | Տեքստը հայտնվում է ուշ կամ փոխվում | 1-2 տառատեսակ, միայն պետք եղած ձևերը |
| Ավելորդ հաշվիչներ և պիքսելներ | Էջը դանդաղ է արձագանքում սեղմումներին | Թողնել միայն օգտագործվողները |
| Դանդաղ հոսթինգ | Ամեն էջ սկսում է բեռնվել ուշ | Տեղափոխել այլ հոսթինգ |
| Ծանր կոնստրուկտոր կամ թեմա | Ամեն ինչ դանդաղ է, նույնիսկ դատարկ էջը | Վերակառուցում |
Ամենահաճախ հանդիպող պատճառը առաջինն է։ Հեռախոսով արված լուսանկարը կարող է կշռել մի քանի մեգաբայթ, և եթե այդպիսի 20 նկար կա պատկերասրահում, էջը դառնում է ծանր նույնիսկ լավ ինտերնետի համար։
Ստուգում 15 րոպեում
- Իրական փորձ. անջատեք Wi-Fi-ը հեռախոսում և բացեք ձեր կայքը բջջային ինտերնետով։ Քանի վայրկյանից եք տեսնում վերնագիրը և կոճակը։
- PageSpeed Insights. մուտքագրեք ձեր կայքի հասցեն և նայեք «Բջջային» ներդիրը։ Ուշադրություն դարձրեք LCP-ին (երբ է երևում գլխավոր տարրը) և CLS-ին (որքան է «ցատկում» էջը)։
- Նկարների քաշը. բացեք կայքի ամենամեծ նկարը նոր ներդիրում և ստուգեք դրա չափը։ Եթե այն հազարավոր պիքսելներ է լայնությամբ, իսկ էկրանին զբաղեցնում է փոքր տեղ, դա ավելորդ է։
- Հայտի արագությունը. ուղարկեք փորձնական հայտ և նշեք, երբ այն հասավ ձեր Telegram-ին։ Դանդաղ ձևը նույնքան վատ է, որքան դանդաղ էջը։
Ընդհանուր բջջային ստուգման համար օգտագործեք նաև 10 րոպեանոց ստուգաթերթը։
Առաջին էկրանը կարևոր է ավելի շատ, քան ամբողջ էջը
Մարդը չի սպասում, որ ամբողջ էջը բեռնվի։ Նրա համար կարևոր է, որ առաջին էկրանը (վերնագիր, մեկ նախադասություն, կոճակ) հայտնվի արագ։ Մնացածը կարող է բեռնվել, մինչ նա կարդում է։ Այդ պատճառով առաջին էկրանում չպետք է լինեն ծանր տեսանյութ, սլայդեր և անիմացիաներ, որոնք սպասում են ամբողջ էջին։ Մանրամասն այս մասին գրել ենք առաջին էկրանի սխալների մասին նյութում։
Արագությունը և հոսթինգը
Եթե ձեր կայքը աշխատում է էժան ընդհանուր հոսթինգում, որտեղ նույն սերվերում հարյուրավոր կայքեր կան, սերվերը կարող է պատասխանել դանդաղ ծանրաբեռնված ժամերին։ Լսարանի մոտ գտնվող սերվերը և ճիշտ քեշավորումը օգնում են։ Տարբերակները համեմատել ենք հոսթինգ Հայաստանում նյութում։
Երբ արագացումը չի օգնում
Երբեմն կայքը դանդաղ է ոչ թե մեկ ծանր նկարի պատճառով, այլ քանի որ ամբողջը կառուցված է ծանր թեմայի կամ կոնստրուկտորի վրա, տասնյակ պլագիններով։ Այդ դեպքում «արագացումը» դառնում է անվերջ կարկատում։ Համեմատեք Tilda, WordPress և ծրագրավորված կայքը նախքան որոշելը, արժե արագացնել, թե վերակառուցել։
Ստուգաթերթ գովազդը միացնելուց առաջ
Եթե պատրաստվում եք վճարել գովազդի համար, ստուգեք էջը նախքան գործարկումը.
- Առաջին էկրանը երևում է հեռախոսում բջջային ինտերնետով առանց երկար սպասելու։
- Առաջին էկրանում չկա ֆոնային տեսանյութ կամ ծանր սլայդեր։
- Լուսանկարները սեղմված են, ամենամեծը չի կշռում մեգաբայթեր։
- Չատի վիջեթը չի փակում կոճակը և չի բեռնվում առաջինը։
- Էջը չի «ցատկում» բեռնվելիս, կոճակը չի շարժվում սեղմելու պահին։
- Ձևը ուղարկվում է արագ, և հայտը հասնում է Telegram։
- Էջը ճիշտ է բացվում Instagram-ի ներսի դիտարկիչում, ոչ միայն Chrome-ում։
Վերջին կետը հաճախ մոռացվում է. Instagram գովազդից եկած մարդը բացում է էջը հենց հավելվածի ներսում, և որոշ էֆեկտներ այնտեղ աշխատում են այլ կերպ։
Ինչ չանել արագացնելիս
- Չտեղադրել «արագացման» հինգ պլագին միանգամից. դրանք հաճախ հակասում են իրար և կոտրում ձևերը։
- Չջնջել անալիտիկան միավորի համար. ավելի լավ է բեռնել այն էջից հետո։
- Չսեղմել լուսանկարները մինչև անճանաչելի լինելը. աղոտ նկարը նույնքան վատ է, որքան դանդաղը։
- Չհետապնդել 100 միավորը փոխարենը ստուգելու, թե ինչպես է էջը աշխատում իրական հեռախոսում։
Ինչպես հարցնել ծրագրավորողին
Եթե կայքը պատրաստել է այլ մարդ, ուղարկեք նրան կոնկրետ տվյալներ, ոչ թե «կայքը դանդաղ է».
- PageSpeed Insights-ի բջջային արդյունքի հղումը։
- Որ էջն է դանդաղ և որ սարքում։
- Էկրանի տեսագրություն, թե ինչպես է բեռնվում էջը հեռախոսում։
- Հարց. ինչ երեք փոփոխություն կտան ամենամեծ արդյունքը։
Այսպես կստանաք կոնկրետ պլան և գնահատական, ոչ թե ընդհանուր խոստում։
Արագություն և SEO
Google-ը չափում է էջի փորձառությունը իրական այցելուների տվյալներով, ոչ միայն թեստով։ Եթե ձեր այցելուների մեծ մասը գալիս է հեռախոսից, բջջային ցուցանիշներն են կարևոր։ Բայց արագությունը չի փոխարինի բովանդակությանը. դանդաղ, բայց օգտակար էջը կարող է լինել ավելի բարձր, քան արագ և դատարկը։ Լավագույն արդյունքը տալիս է երկուսի համադրությունը. էջ, որը պատասխանում է հարցին և բացվում արագ։
Ինչքան հաճախ ստուգել
Արագությունը փոխվում է ամեն անգամ, երբ ավելացնում եք նոր լուսանկարներ, վիջեթ կամ անալիտիկայի կոդ։ Լավ սովորություն է ստուգել գլխավոր էջը և ամենաայցելվող ծառայության էջը ամիսը մեկ անգամ, ինչպես նաև յուրաքանչյուր մեծ փոփոխությունից և գովազդային արշավից առաջ։ Եթե տեսնում եք, որ ցուցանիշները կտրուկ վատացել են, նախ ստուգեք, թե ինչ է ավելացվել վերջին շաբաթներին։
Կարճ ամփոփում
Արագությունը չափվում է իրական մարդու հեռախոսում, ոչ թե գեղեցիկ թվով։ Սեղմեք լուսանկարները, հեռացրեք ծանր տեսանյութը առաջին էկրանից, թողեք միայն պետք եղած վիջեթները և ստուգեք էջը ամեն մեծ փոփոխությունից հետո։ Այս չորս քայլը լուծում են խնդիրների մեծ մասը։
Ինչ ենք անում Kinto-ում
- Կայքը պատրաստում ենք առանց ծանր կոնստրուկտորի։
- Նկարները սեղմում ենք և տալիս ենք տարբեր չափեր հեռախոսի և համակարգչի համար։
- Չատերի և անալիտիկայի կոդերը բեռնում ենք էջից հետո։
- Ստուգում ենք հեռախոսում բջջային ինտերնետով մինչև գործարկումը։
Լենդինգը արժե $700-ից (6 օր), բազմաէջ կայքը՝ $1 800-ից (12 օր)։ Մանրամասները՝ կայքերի պատրաստման էջում։ Եթե ուզում եք, որ նայենք ձեր ներկայիս կայքի արագությունը, ուղարկեք հղումը @kinto_am։