AMP- ի օգուտները եւ ինչպես դա տարբերվում է Responsive Web Design- ից
Եթե դուք նայեք վերջին մի քանի տարվա վերլուծական երթեւեկության կայքերին, ապա, հավանաբար, կգտնեք, որ նրանք բոլորն էլ կիսում են մի ընդհանուր բան, ընդ որում, այցելուների թվի աճը նրանք բջջային սարքերի միջոցով են ստանում:
Ընդհանրապես, այժմ շարժական սարքերից ավելի շատ վեբ տրաֆիկ կա, քան այն, ինչ մենք կքննարկենք «ավանդական սարքեր», ինչը հիմնականում նշանակում է աշխատասեղան կամ համակարգիչ: Կասկած չկա, որ բջջային ծրագրավորումը փոխել է այնպիսի ձեւով, որ մարդիկ օգտագործում են առցանց բովանդակություն, ինչը նշանակում է, որ այն փոխել է այնպիսի ձեւաչափ, որը մենք պետք է կառուցենք այն բջջային կենտրոնների համար, ովքեր ավելի հաճախ են լսվում:
Բջջային լսարանի համար
«Բջջային կայքերի» ստեղծումը երկար տարիներ վեբ մասնագետների համար առաջնահերթություն է: Հաճախակի վեբ դիզայնի պրակտիկան, որը նպատակաուղղված է ստեղծել բոլոր կայքերը, որոնք լավ աշխատել են կայքի բոլոր սարքերի համար եւ ուշադրություն դարձնել կայքի կատարման եւ արագ ներբեռնման անգամ, նպաստում են բոլոր օգտագործողներին, շարժական կամ այլ կերպ: Բջջային ընկերությունների կայքերին վերաբերող մեկ այլ մոտեցում հայտնի է որպես AMP վեբ մշակման, որն ընդգրկում է արագացված բջջային էջեր:
Այս նախագիծը, որն աջակցում է Google- ին, ստեղծվել է որպես բաց ստանդարտ, որը թույլ է տալիս կայքի հեղինակներին ստեղծել բջջային սարքերում ավելի արագ բեռնված կայքեր: Եթե մտածում եք, որ դա հնչում է շատ զգացմունքային վեբ դիզայնի նման, դու սխալ չեք: Երկու հասկացությունները շատ ընդհանուր են կիսում, մասնավորապես, որ նրանք երկուսն էլ կենտրոնացած են բջջային սարքերի վրա օգտվողների համար բովանդակություն տրամադրելու վրա: Այնուամենայնիվ, այս երկու մոտեցումների միջեւ կան մի շարք տարբերություններ:
AMP- ի եւ պատասխանի վեբ դիզայնի միջեւ տարբերությունները
Հաճախակի վեբ դիզայնի ուժեղ կողմերից մեկը միշտ եղել է այն ճկունությունը, որ ավելացնում է կայք: Դուք կարող եք ստեղծել մեկ էջ, որը ավտոմատ կերպով արձագանքում է այցելուի էկրանին: Դա թույլ է տալիս ձեր էջը հասնել եւ լավ փորձի ծառայություն մատուցել տարբեր սարքերի եւ էկրանների չափսերի, բջջային հեռախոսներից մինչեւ պլանշետներից մինչեւ նոութբուքեր, դյուրակիր համակարգիչներ եւ այլն: Պատասխանատու վեբ դիզայնը կենտրոնացած է բոլոր սարքերի եւ օգտագործողների փորձի վրա , ոչ միայն շարժական: Դա էլ լավ է, թե ինչ-որ ձեւով եւ վատ է ուրիշների մեջ:
Կայքում ճկունությունը մեծ է, բայց եթե դուք իսկապես ցանկանում եք կենտրոնանալ բջջային հեռախոսի վրա, ստեղծելով մի կայք, որը կենտրոնանում է բոլոր էկրանների վրա, բացառապես բջջային հեռախոսների փոխարեն, կարող է լինել ճկունություն, զուտ օպտիմիզացված բջջային կատարման համար: Սա է AMP- ի տեսությունը:
AMP- ն զուտ ուշադրություն է դարձնում արագությանը, բջջային արագությանը: AMP- ի այս ծրագրի համար Google Tech Lead- ի Մալթ Ուբլի խոսքերով, AMP- ն նպատակ ունի «ակնթարթորեն մատուցել վեբ-բովանդակությունը»: Դա կատարվում է հետեւյալ կերպ.
- Ծույլ բեռնում
- Օգտագործելով preconnect
- Նախընտրում ռեսուրսներ
- Async Javascript- ը
- Ներածված ոճի թերթեր
- Ներբեռնվող տառատեսակներ
- Ռեսուրսների առաջնահերթություն
Սրանք ընդամենը մի քանի սկզբունքներ են, որոնք արագացնում են AMP- ի բեռնումը : Այնուամենայնիվ, այդ ցուցակում կան որոշ նյութեր, որոնք կարող են երկարատեւ վեբ մասնագետներ ստեղծել: Ներածված ոճի թերթիկները , օրինակ: Մեզանից շատերն արդեն տարիներ շարունակ ասել են, որ բոլոր ոճերը պետք է պարունակվեն արտաքին ոճով: Լինելով շատ կայքի էջերի ոճը մեկ արտաքին թերթիկից, CSS- ի ուժեղ կողմերից մեկը ուժն է, որը բացակայում է, եթե էջերը օգտագործում են ներսի ոճերի փոխարեն: Այո, դուք կանխում եք արտաքին ֆայլը ներբեռնելու անհրաժեշտությունը, սակայն այն ամբողջությամբ կարող եք կառավարել միայնակ ոճաթերթով: Այսպիսով, որն է ավելի լավը: Իրականությունն այն է, որ նրանք երկուսն էլ ունեն իրենց օգուտները եւ թերությունները: Վեբը անընդհատ փոխվում է, եւ տարբեր կայքերում մարդիկ այցելում են տարբեր կարիքներ: Շատ դժվար է սահմանել կանոններ, որոնք կիրառելի կլինեն բոլոր դեպքերում, քանի որ տարբեր իրավիճակներում տարբեր մոտեցումներն իմաստ են հաղորդում: Բանալին է քաշել յուրաքանչյուր մոտեցման առավելությունները կամ թերությունները, որոշելու, թե որն է լավագույնը ձեր դեպքում:
AMP- ի եւ RWD- ի մյուս կարեւոր տարբերությունն այն է, որ հստակ դիզայնը հազվադեպ է «ավելացվել» գոյություն ունեցող կայքում: Քանի որ RWD- ը, ըստ էության, հիմնված է կայքի ճարտարապետության եւ փորձի վերանայման վրա, այն ընդհանրապես պահանջում է, որ կայքը վերափոխվի եւ վերաիմաստավորվի `համապատասխան արձագանքելու համար: AMP- ն կարող է ավելացվել առկա կայքի վրա: Փաստորեն, այն կարող է նույնիսկ ավելացվել առկա պատասխանատու կայքում:
Javascript Նպատակը
Ի տարբերություն RWD կայքերի, AMP կայքերը լավ չեն խաղում Javascript- ով: Սա ներառում է 3- րդ կուսակցական սցենարներ եւ գրադարաններ, որոնք այսօր շատ տարածված են կայքերում: Այդ գրադարանները կարող են ավելացնել անհավատալի ֆունկցիոնալությունը կայքի վրա, սակայն դրանք նաեւ ազդում են կատարման վրա: Որպես այդպիսին, այն դնում է պատճառաբանել, որ էջի արագության վրա ուշադրություն դարձնող մոտեցումը կփրկի Javascript ֆայլերը: Այդ պատճառով է, որ AMP- ն հաճախ օգտագործվում է ստատիկ վեբ-էջերում, ի տարբերություն բարձր դինամիկների կամ այնպիսի պահանջների, որոնք հատուկ պատճառներով պահանջում են Javascript- ի որոշակի պատճառներ: Օրինակ, «լույս քառակուսի» ոճի փորձից օգտվող կայքի պատկերասրահը չի պատրաստվում լինել AMP- ի մեծ թեկնածու: Մյուս կողմից, ստանդարտ կայքերի հոդվածը կամ մամլո հաղորդագրությունը, որը չի պահանջում ֆունկցիոնալ ֆունկցիոնալություն, մեծ էջ կստանա AMP- ի հետ: Այդ էջը, ամենայն հավանականությամբ, կարդացվող մարդիկ, օգտագործելով բջջային սարքերը, որոնք կարող են տեսնել հղումը սոցիալական մեդիայի կամ բջջային Google որոնման միջոցով: Ունենալով անմիջապես այդ բովանդակությունը, երբ նրանք պահանջում են, որ բեռնման արագությունը դանդաղեցնելու փոխարեն, ավելորդ Javascript- ը եւ այլ ռեսուրսները բեռնված լինեն, ստիպում են մեծ հաճախորդների փորձառություն:
Ընտրելով ճիշտ լուծում
Ուրեմն ինչ տարբերակ ձեզ համար ճիշտ է `AMP կամ RWD: Դա կախված է ձեր կոնկրետ կարիքներից, իհարկե, բայց դուք պետք չէ ընտրել մեկին կամ մյուսին: Եթե մենք ցանկանում ենք ունենալ ավելի խելացի (եւ ավելի հաջող) առցանց ռազմավարություններ, դա նշանակում է, որ մենք պետք է հաշվի առնենք մեր բոլոր միջոցները եւ իմանանք, թե ինչպես են նրանք աշխատելու միասին: Գուցե դա նշանակում է, որ ձեր կայքը պատասխանատու է, բայց օգտագործելով AMP- ն ընտրված բաժինների կամ էջերի վրա, որոնք կարող են առավելագույնս համապատասխանում զարգացման այդ ոճին: Դա կարող է նաեւ նշանակել տարբեր մոտեցումների ասպեկտներ հաշվի առնելով եւ դրանք համադրելով հիբրիդային լուծումներ ստեղծելու համար, որոնք համապատասխանում են հատուկ պահանջներին եւ որոնք մատուցում են երկու աշխարհների լավագույններից, այդ կայքի այցելուներին: