AMP артықшылықтары және жауапты веб-дизайннан қалай ерекшеленетіні
Соңғы бірнеше жылда веб-сайттар үшін аналитикалық трафикті қарасаңыз, олардың барлығы бірдей негізгі нәрсені бөлісетінін - мобильді құрылғыларда пайдаланушылардан келген қонақтар санының өсуін байқайсыз.
Әлемдік деңгейде, мобильді құрылғылардан веб-трафикті көбінесе «дәстүрлі құрылғылар» деп қарастыратынымызға қарағанда, жұмыс үстелі немесе ноутбук компьютері деп есептейміз. Мобильді есептеулер адамның онлайн мазмұнды тұтыну тәсілін өзгерткеніне ешқандай күмән жоқ, яғни, ол барған сайын мобилді-орталықтандырылған аудитория үшін веб-сайттарды құруымызды өзгерткенін білдіреді.
Ұялы аудиторияға арналған ғимарат
«Ұялы телефондар жасау» көптеген жылдар бойы веб-мамандар үшін басымдық болды. Барлық веб- сайттарда жақсы жұмыс істейтін сайттарды жасауға көмектесетін және жауапты веб-дизайн сияқты тәжірибелер веб- тораптың өнімділігі мен жылдам жүктеу уақыттары кез-келген ұялы телефонға немесе басқаларға пайда әкеледі. Ұялы телефондарға арналған тағы бір тәсіл AMP веб-торабы ретінде белгілі, бұл жеделдетілген мобильді беттерді білдіреді.
Google тарапынан қолдау көрсетілетін бұл жоба веб-жариялаушыларға мобильді құрылғыларда жылдамырақ жүктелетін сайттарды жасауға мүмкіндік беретін ашық стандарт ретінде құрылды. Егер сіз ойдағыдай веб-дизайн сияқты көп естіледі деп ойласаңыз, сіз дұрыс емессіз. Екі ұғым жалпыға ортақ, атап айтқанда, олар мобильді құрылғылардағы пайдаланушыларға мазмұнды жеткізуге бағытталған. Алайда осы екі тәсіл арасындағы айырмашылықтар бар.
AMP және жауапты веб-дизайн арасындағы негізгі айырмашылықтар
Жауапкершілікті веб-дизайнның күшті нұсқаларының бірі сайтқа қосатын икемділік болды. Келушілердің экран өлшеміне автоматты түрде жауап беретін бір бетті жасауға болады. Бұл сіздің бетіңізге ұялы телефондардан планшеттерге, ноутбуктерге, үстелге арналған үстелдерге және одан тысқары құрылғылар мен экран өлшемдерінің кең ауқымына жақсы тәжірибе беруге мүмкіндік береді. Жауапкершілікті веб-дизайн тек мобильді емес, барлық құрылғыларды және пайдаланушылардың тәжірибесіне бағытталған. Бұл басқаларға да, жаман адамдарға да жақсы.
Сайттағы икемділік өте жақсы, бірақ сіз ұялы телефонға шоғырланғыңыз келсе, ұялы телефондарға емес, барлық экрандарға негізделген торапты жасасаңыз, таза оңтайландырылған мобильді өнімділік үшін икемділікке ие бола аласыз. Бұл AMP-тің теориясы.
AMP тек жылдамдыққа, яғни мобильді жылдамдыққа бағытталған. AMP осы жобаның Google Tech Lead-ының айтуынша, «веб-мазмұнға кез-келген уақытта жедел қызмет көрсету» мақсатын көздейді.
- Lazy жүктеу
- Алдын ала қосылуды пайдалану
- Ресурстарды алдын ала алу
- Async Javascript
- Кірістірілген мәнер парақтары
- Жүктелмейтін қаріптер жоқ
- Ресурстардың басымдықтары
Бұл тек AMP жүктемесін тез жасайтын қағидалардың кейбіреуі ғана. Сонымен қатар, осы тізімдегі кейбір элементтер ұзақ уақыт бойы веб-мамандарға қауіп төндіруі мүмкін. Кірістірілген мәнерлер кестесі , мысалы. Көптеген жылдар бойы барлық стилдер сыртқы стильдер парақтарында болуы керек деп айтылған. Сайт беттерінің көптігін бір сыртқы парақтан-ақ стилі CSS-ң күшті нұсқаларының бірі болып табылады, егер беттер орнына кіретін мәнерлерді қолданатын болса, ол қабылданбайды. Ия, сыртқы файлды жүктеудің қажеті жоқ, бірақ бүкіл веб-сайтты бір мәнер парағы арқылы басқара аласыз. Қандай тәсіл жақсы? Шындық екеуінің де пайдасы мен кемшіліктері бар. Веб үнемі өзгеріп отырады және сіздің сайтқа кіретін адамдар түрлі қажеттіліктерге ие. Барлық жағдайларда қолданылатын ережелерді белгілеу өте қиын, себебі әртүрлі тәсілдер әртүрлі жағдайларда мағынаға ие болады. Кілттің басты мақсаты - әрбір нақты жағдайдың ең жақсы екендігін анықтау үшін әрбір тәсілдің артықшылықтары мен кемшіліктерін бағалау.
AMP және RWD арасындағы тағы бір маңызды айырмашылық - қолданыстағы торапқа сəйкес «дизайны» сирек болады. RWD шынымен сайттың архитектурасы мен тәжірибесін қайта қарастырып жатқандықтан, ол әдетте осы сайттың қайта өңделуін және жауапты мәнерлерді орналастыру үшін қайта өңделуін талап етеді. Алайда AMP бар сайтқа қосылуы мүмкін. Шын мәнінде, ол тіпті жауапты сайтқа қосылуы мүмкін.
Javascript ескертулері
RWD бар сайттардан айырмашылығы, AMP сайттары Javascript арқылы жақсы ойнайды. Бұл сайттарда бүгінгі күні танымал 3- ші партиялық сценарийлер мен кітапханаларды қамтиды. Бұл кітапханалар сайтқа керемет функционалдылықты қоса алады, бірақ олар өнімділікке де әсер етеді. Осылайша, бет жылдамдығына шоғырландырылған көзқарас Javascript файлдарын жоятынына көз жеткізуге болады. Дәл осы себепті AMP статикалық веб-беттерде жоғары динамикалық деректерге қарағанда немесе белгілі бір себептермен нақты Javascript эффекттерін қажет ететін ең жақсы түрде пайдаланылады. Мысалы, «lightbox» стилінің тәжірибесін қолданатын веб-сайт галереясы AMP үшін үлкен үміткер болмайды. Екінші жағынан, стандартты веб-сайт мақаласы немесе кез-келген фантастикалық функцияны қажет етпейтін баспасөз хабарламасы AMP-мен жеткізілетін керемет бет болады. Бұл парақты мобильді құрылғылар арқылы әлеуметтік медиада немесе мобильді Google іздеу арқылы көрген адамдар пайдалана алады. Қажетсіз Javascript және басқа ресурстар жүктелген кезде жүктеу жылдамдығын баяулатудың орнына бұл сұранымды сұрағанда, сол мазмұнды бірден жеткізе аламыз, бұл тамаша клиент тәжірибесін жасайды.
Оңтайлы шешімді таңдау
Сізге қандай опция - AMP немесе RWD дұрыс? Бұл сіздің нақты қажеттіліктеріңізге байланысты, әрине, бірақ біреуді немесе басқа таңдауды қажет етпейді. Егер біз ақылдылықты (және сәттірек) онлайндық стратегияларды қаласақ, онда барлық құралдарды өзіміздің қолымызда қарастырып, бірге қалай жұмыс істейтінін білуіміз керек деген сөз. Мүмкін, бұл сіздің сайтыңызды жауапты түрде жеткізуді білдіреді, бірақ AMP-ні дамудың осы стиліне қолайлы болуы мүмкін бөлімдерде немесе беттерде қолдануға болады. Бұл сондай-ақ әртүрлі тәсілдердің аспектілерін қабылдау және оларды ерекше қажеттіліктерге жауап беретін гибридтік шешімдерді құру және осы сайттың келушілеріне екі әлемнің ең жақсы мүмкіндіктерін беретін біріктіруді білдіреді.