AMPning afzalliklari va unga ta'sirchan veb-dizayndan qanday farq borligi
Agar so'nggi bir necha yil davomida veb-saytlar uchun analitik trafikni ko'rib chiqsangiz, ularning barchasini birgalikda bitta asosiy narsani almashish - ular mobil qurilmalardagi foydalanuvchilardan kelgan mehmonlar sonining oshishi mumkin.
Umuman olganda, mobil qurilmalardan keladigan veb-trafik endi "an'anaviy qurilmalar" deb ataladigan narsa emas, bu asosan ish stoli yoki noutbuklar deganidir. Hech shubha yo'qki, mobil hisoblash odamlari onlayn kontentni iste'mol qilish usulini o'zgartirib yubordi. Ya'ni, bu veb-saytlarni tobora ko'chma mobil tomoshabinlar uchun yaratishni o'zgartirdi.
Mobil auditoriya uchun bino
Ko'p yillar mobaynida veb-mutaxassislar uchun "mobil internetga asoslangan veb-saytlar" yaratish muhim ahamiyatga ega bo'ldi. Barcha veb- saytlar uchun yaxshi ishlaydigan saytlarni yaratish va veb-sayt ishlashi va tez yuklab olish vaqtlariga e'tiborni jalb qilish, mobil va boshqa barcha foydalanuvchilarga foyda keltiradigan veb-dizaynga javob beruvchi veb-dizayn kabi amaliyotlar. Mobil telefonlarga boshqa yondoshish AMP veb-ishlab chiqishi deb nomlanadi, bu esa Tezlashtirilgan Mobil Sahifalarni ko'rsatadi.
Google tomonidan qo'llab-quvvatlanadigan ushbu loyiha veb-sayt noshirlarining mobil qurilmalarda tezda yuklanadigan saytlarni yaratishga imkon beradigan ochiq standart sifatida yaratilgan. Agar siz sezgir veb-dizayn kabi juda ko'p eshitilsa deb o'ylayotgan bo'lsangiz, siz noto'g'ri emassiz. Ikkita tushunchalar umumiy fikrga ega bo'lib, ular har ikkisi ham mobil qurilmalardagi foydalanuvchilarga kontentni etkazib berishga qaratilgan. Biroq, bu ikki yondashuv o'rtasida bir qator farqlar mavjud.
AMP va sezgir veb-dizayn orasida asosiy farqlar
E'tiborli veb-dizaynning kuchli tomonlaridan biri har doim saytga qo'shilgan moslashuvchanlik edi. Siz mehmonning ekran o'lchamiga avtomatik ravishda javob beradigan bitta sahifani yaratishingiz mumkin. Bu sizga mobil telefonlardan planshetlarga, noutbuklarga, stol kompyuterlariga va boshqa narsalarga qadar turli xil qurilmalar va ekranlar uchun yaxshi tajribaga xizmat qilish imkonini beradi. Ta'sirchan veb-dizayn faqat mobil qurilmani emas, balki barcha qurilmalar va foydalanuvchi tajribalariga qaratilgan. Bu boshqalarda ham yaxshi, ham yomon.
Saytdagi moslashuvchanlik juda yaxshi, lekin agar siz chindan ham mobilga e'tibor qaratmoqchi bo'lsangiz, faqatgina mobil qurilmalar o'rniga barcha ekranlarga e'tibor qaratadigan sayt yaratib, faqat optimallashtirilgan mobil ishlash uchun moslashuvchan bo'lishi mumkin. AMP ning nazariyasi shu.
AMP faqat tezlikni yo'naltiradi, ya'ni mobil tezligi. AMP, ushbu loyiha uchun "Google Tech Lead" ning Malte Ubl ma'lumotlariga ko'ra, "veb-kontentni darhol namoyish etish" ni maqsad qilib qo'ygan. Buning ayrim usullari quyidagilardan iborat:
- Lazy yuklash
- Preconnect foydalanish
- Resurslarni oldindan tanlash
- Async Javascript
- Inline uslublar jadvallari
- Ko'chirib olinadigan shriftlar yo'q
- Resurslarni birinchi o'ringa qo'yish
Ular AMP yukini juda tez bajaradigan printsiplarning bir qismi. Shu bilan birga, ro'yxatdagi ba'zi narsalar uzoq vaqtdan beri veb-mutaxassislarni jiddiy jarohatlashi mumkin. Inline uslublar jadvallari , masalan. Ko'pchiligimiz ko'p yillar davomida barcha uslublar tashqi uslublar jadvallarida bo'lishi kerakligi haqida aytilgan. Sayt sahifalarini bir nechta tashqi varaqdan tarbiyalash qobiliyatlari CSS-ning kuchli tomonlaridan biri bo'lib, sahifalar o'rniga inline uslublarini ishlatsa, negativ bo'ladi. Ha, siz tashqi faylni yuklab olishning oldini olishingiz kerak, lekin butun saytni yagona uslublar varaqasi bilan boshqarish imkoniga ega bo'lishingiz mumkin. Xo'sh, qaysi usul yaxshiroq? Haqiqat shundaki, ular ikkalasining ham foydalari va kamchiliklari bor. Veb doimiy o'zgarib turadi va sizning saytingizga tashrif buyuradigan turli xil odamlar turli ehtiyojlarga ega. Turli vaziyatlarda turli xil yondashuvlar mantiqiy ekan, barcha holatlarda qo'llaniladigan qoidalarni o'rnatish juda qiyin. Kalit, har bir yondashuvning afzalliklari yoki kamchiliklarini sizning shaxsiy ishingizdan eng yaxshisini aniqlash uchun tortishdir.
AMP va RWD o'rtasidagi yana bir muhim farq shundaki, sezgir dizayn kamdan-kam hollarda mavjud bo'lgan saytga qo'shiladi. RWD, sayt arxitekturasi va tajribasining asosini qayta ko'rib chiqqani uchun, odatda, ushbu saytni qayta jihozlashni va javobgar uslublarni joylashtirish uchun qayta ishlab chiqilishini talab qiladi. Biroq AMP mavjud saytga qo'shilishi mumkin. Aslida, u mavjud bo'lgan javob saytga ham qo'shilishi mumkin.
Javascript bilan bog'liq masalalar
RWD bilan saytlardan farqli o'laroq, AMP saytlari Javascript bilan yaxshi o'ynaydi. Bugungi kunda saytlarda juda mashhur bo'lgan 3- chi partiyaviy skriptlar va kutubxonalar mavjud. Ushbu kutubxonalar saytga ajoyib funksiyalarni qo'shishlari mumkin, biroq ular ishlashga ta'sir qiladi. Shunday qilib, sahifadagi tezlikni diqqat bilan yodda tutgan yondashuv Javascript fayllaridan qochib ketishini o'ylab turadi. Shuning uchun AMP odatda statik veb-sahifalarda yuqori darajada dinamik bo'lganlardan farqli o'laroq yoki ma'lum sabablarga ko'ra maxsus Javascript effektlarini talab qiladigan eng yaxshi holatda qo'llaniladi. Misol uchun, "lightbox" uslubi tajribasidan foydalanadigan veb-sayt galereyasi AMP uchun katta nomzod bo'la olmaydi. Boshqa tomondan, standart veb-sayt maqolasi yoki biron-bir farasingiz funksionallikni talab qilmaydigan matbuot nashrlari AMP bilan yetkaziladigan ajoyib sahifa bo'ladi. Ushbu sahifani ijtimoiy tarmoqdagi yoki mobil Google qidiruvi orqali bog'langan mobil qurilmalardan foydalanuvchi odamlar o'qiydi. Zarur bo'lmagan Javascript va boshqa resurslar yuklanganida, yuklab olish tezligini sekinlashtirmaslik o'rniga, buyurtma bergan paytda ushbu kontentni darhol yetkazib bera oladigan buyuk mijozlar tajribasi uchun.
To'g'ri biznesni tanlash
Xo'sh, qaysi variant siz uchun to'g'ri - AMP yoki RWD? Bu sizning aniq ehtiyojlaringizga bog'liq, albatta, lekin siz boshqalardan birini tanlashingiz shart emas. Agar biz aqlli (va undan muvaffaqiyatli) onlayn strategiyalarga ega bo'lishni istasak, demak, biz barcha asboblarni ko'rib chiqishimiz va birgalikda ishlashni o'rganishimiz kerak. Ehtimol, bu sizning saytingizga javob berish orqali, ammo AMP ni ushbu taraqqiyot uslubiga mos keladigan ayrim bo'limlarda yoki sahifalarda qo'llashni bildiradi. Bu shuningdek turli yondashuvlarning aspektlarini o'z ichiga oladi va ularni o'ziga xos ehtiyojlarga javob beruvchi va har ikki dunyodagi eng yaxshi saytni tashrif buyuruvchilarga etkazadigan gibrid echimlarni yaratishda birlashtiradi.