Թեև առանց բջջայինի օպտիմալացման վեբ կայքերի թիվը փոքրանում է, մնում են որոշները, որոնք նախատեսված են միայն աշխատասեղանի համար: Unfortunatelyավոք, Google- ի նախորդ «մոբիլիզատոր» վեբ ծառայությունը դադարեցվել է: Առայության հոգևոր իրավահաջորդը Google Weblight- ն է, որը նախատեսված է դանդաղ կապերի օպտիմալացման համար, այլ ոչ թե բջջային դիտման կայքերի վերանայման: Google- ի ծառայությունից դուրս, կան մի շարք պրակտիկա և գործիքներ, որոնք պետք է հաշվի առնել բջջային հեռախոսով կայք ստեղծելիս:
Քայլեր
2 -րդ մաս 1 -ից. Փորձեր Google Weblight- ի հետ
Քայլ 1. Վերլուծեք, թե ինչպես է աշխատում Weblight- ը:
Weblight- ը Google- ի ստեղծած ալգորիթմն է, որն ապահովում է օգտվողներին ավելի արագ և թեթև էջերի բեռնում ցանցի վատ պայմաններում: Սա նշանակում է, որ Weblight- ը չունի ինտերֆեյս և գործում է հետնամասում: Էջերը զրկված են իրենց ավելի բարդ տարրերից ՝ ապահովելով կրճատված, թեթև փորձ, այլ ոչ թե հստակորեն օպտիմիզացված բջջային հարթակի համար:
Քայլ 2. Փորձեք կայքի փոփոխությունները Weblight- ով:
Ձեր բջջային սարքում պարզապես կցեք ձեր կայքի ամբողջական URL- ը լուսարձակի հասցեի վերջում (օրինակ, եթե ձեր կայքը «mywebsite.com» է, ապա մուտքագրեք https://googleweblight.com/?lite_url=https://mywebsite.com): Էջը կբեռնի իր պարզեցված, բայց ֆունկցիոնալ տարբերակը: Հեռացված տարրերով որոշ կայքեր կարող են շատ ավելի լավ հայտնվել բջջային սարքերի էկրաններին:
Քայլ 3. Recանաչիր սահմանափակումները:
Հիշեք, որ սա հստակ փոխարկիչ գործիք չէ, որը նախատեսված է օգտագործողների փոխազդեցության համար: Թեև ձեռքով վեբ կայք մուտք գործելը կարող է օգտագործվել մի պտղունց, Weblight- ը նախատեսված է արագության, այլ ոչ թե օգտագործման համար:
2 -րդ մաս 2 -ից. Նախագծում բջջային համատեղելիության համար
Քայլ 1. Հիշեք բջջային սարքի սահմանափակումները:
Բջջային սարքերը կիսում են մի քանի ասպեկտներ, որոնք դրանք տարբերում են իրենց աշխատասեղանի գործընկերներից: Այս հիմնական հատկությունները պետք է լինեն հիմնական նկատառումները բջջային սպառման համար կայք ստեղծելիս:
- Փոքր էկրաններ և ուղղահայացություն. Չնայած շարժական սարքերում էկրանի թույլատրելիությունը մշտապես բարելավվում է, բայց դրա չափը և ձևի գործոնը շարունակում են մտահոգիչ լինել կայքի ձևավորման համար: Կայքը մեկ սյունակի դասավորության մեջ նախագծելը լավագույնն է հեռախոսների համար (պլանշետները հաճախ կարող են օգտագործել աշխատասեղանի կայքեր ՝ առանց ավելորդ խնդիրների):
- Հպման միջերեսներ. Էջի տարրերը պետք է տեղադրվեն ՝ հաշվի առնելով մատի չափը: Մկնիկի շարժիչ օգտագործող տարրերը պետք է նվազագույնի հասցվեն կամ վերամշակվեն հպման համար (օրինակ ՝ բացվող ընտրացանկեր):
- Տվյալների արագություն. Բջջային սարքերի մեծ առավելություններից է WiFi- ի սահմաններից դուրս օգտագործումը, սակայն տվյալների միացումները սովորաբար ավելի դանդաղ և ավելի քիչ հուսալի են: Օգտվողի միջերեսը (UI) պետք է մնա պարզ, իսկ բովանդակությունը ՝ տեսանելի և հասանելի: Չափից շատ խառնաշփոթը կնվազեցնի բեռի ժամանակը և կդժվարացնի նավարկությունը:
Քայլ 2. Օգտագործեք Բովանդակության կառավարման համակարգի (CMS) ծառայություն:
Ավելի քիչ ռեսուրսներով զարգացողների համար Wordpress- ի կամ Squarespace- ի նման CMS ծառայությունից օգտվելը հիանալի տարբերակ է ցածրարժեք, օգտագործողի համար հարմար բջջային դիզայնի համար: Թեմաներ, որոնք օգտագործում են արձագանքող վեբ դիզայն, կապահովեն բջջային կայքի համար ամենահեշտ ձևանմուշը:
Պատասխանատու վեբ դիզայնը վեբ դիզայնի տեսություն է, որը նպաստում է հեղուկ դիզայնի տարրերի օգտագործմանը `թույլ տալով հարթ անցում կատարել դիզայնի և կիրառելիության հարթակներին:
Քայլ 3. Ստուգեք շարժական սարքի էկրանները `օգտագործելով աշխատասեղանի ծրագրակազմ:
Կան մի շարք անվճար վեբ ծրագրեր, որոնք թույլ են տալիս ընդօրինակել բջջային սարքերը ՝ վեբ կայքի գեղագիտությունն ու ֆունկցիոնալությունը ստուգելու համար: Այս գործիքների օգտագործումը նույնքան հեշտ է, որքան ցանկալի թեստային սարքը ընտրելը, այնուհետև նախադիտման համար մտնել նպատակային կայք: Շատերը կներառեն այնպիսի փոփոխականների գործիքներ, ինչպիսիք են էկրանի կողմնորոշումը, պիքսելային խտությունը կամ նույնիսկ դիտարկիչի ընտրությունը: Մի քանի հանրաճանաչ օրինակներ են.
- Chrome Սարքի ռեժիմի էմուլատոր
- mobilephoneemulator.com
- screenfly (չորս գործիքների ենթախումբ)
- mobiletest.me (վճարովի անդամակցություն)