Ползите от AMP и как тя се различава от Responsive Web Design
Ако погледнете последните няколко години трафик на анализи за уебсайтове, най-вероятно ще откриете, че те всички споделят едно общо нещо - увеличаване на броя на посетителите, които получават от потребителите на мобилни устройства.
В световен мащаб сега има повече уеб трафик, идващи от мобилни устройства, отколкото от това, което считаме за "традиционни устройства", което основно означава настолни или преносими компютри. Няма съмнение, че мобилните компютри са променили начина, по който хората консумират онлайн съдържание, което означава, че то е променило начина, по който трябва да изграждаме уеб сайтове за тези все по-мобилни аудитории.
Изграждане на мобилна аудитория
Създаването на "приятелски мобилни уеб сайтове" е приоритет за уеб специалистите в продължение на много години. Практики като отзивчив уеб дизайн имаха за цел да помогнат за създаването на сайтове, които работят добре за всички устройства, а фокусът върху ефективността на уебсайта и бързото време за изтегляне е от полза за всички потребители, мобилни или други. Друг подход към мобилните сайтове е известен като AMP уеб разработка, което означава "Ускорени мобилни страници".
Този проект, подкрепен от Google, е създаден като отворен стандарт, който позволява на издателите на уебсайтове да създават сайтове, които се зареждат по-бързо на мобилни устройства. Ако мислите, че звучи много като отзивчив уеб дизайн, не грешите. Двете понятия имат много общо, а именно, че и двамата са съсредоточени върху предоставянето на съдържание на потребителите на мобилни устройства. Съществуват обаче редица разлики между тези два подхода.
Основни различия между AMP и отговорния уеб дизайн
Една от силните страни на отзивчивия уеб дизайн винаги е била гъвкавостта, която добавя към даден сайт. Можете да създадете една страница, която автоматично отговаря на размера на екрана на посетителя. Това ви дава възможност да достигнете до страницата си и да се наслаждавате на богат опит в широка гама от устройства и размери на екрана - от мобилни телефони до таблети до лаптопи, настолни компютри и други. Отзивчивият уеб дизайн е насочен към всички устройства и потребителски преживявания , а не само към мобилни устройства. Това е добро в някои отношения и лошо в други.
Гъвкавостта в даден сайт е страхотна, но ако наистина искате да се съсредоточите върху мобилните устройства, създаването на сайт, който се фокусира върху всички екрани, вместо само върху мобилните, може да бъде гъвкавост при търгуването за чисто оптимизирано представяне на мобилни устройства. Това е теорията зад AMP.
AMP е съсредоточена единствено върху скоростта - а именно мобилната скорост. Според Malte Ubl, Google Tech Lead за този проект, AMP има за цел да донесе "незабавно рендиране на уеб съдържание". Някои от начините за това са:
- Мързелив натоварване
- Използване на предварително свързване
- Предварително изтегляне на ресурси
- Async Javascript
- Външни стилови листове
- Няма шрифтове за изтегляне
- Приоритизиране на ресурсите
Това са само някои от принципите, които правят AMP натоварването толкова бързо . Съществуват обаче и някои елементи в този списък, които могат да накарат дългогодишните специалисти в мрежата да се справят. Вградени листове стил например. Много от нас са казали от години, че всички стилове трябва да се съдържат в външни стилови листове. Да бъдеш в състояние да стил много страници на сайта, всичко от един външен лист е една от силните страни на CSS - сила, която е отричана, ако страниците използват вместо тях стилове в инлайн. Да, възпрепятствате изтеглянето на външния файл, но за сметка на това, че можете да управлявате целия сайт с един лист стил. Така че кой подход е по-добър? Реалността е, че и двамата имат своите предимства и недостатъци. Мрежата непрекъснато се променя и различни хора, които посещават вашия сайт, имат различни нужди. Много е трудно да се установят правила, които да се прилагат във всички случаи, защото различните подходи имат смисъл в различни ситуации. Ключът е да се преценят ползите или недостатъците на всеки подход, за да се определи кое е най-доброто в конкретния случай.
Друга ключова разлика между AMP и RWD е фактът, че отзивчивият дизайн рядко се "добавя" към съществуващ сайт. Тъй като RWD наистина е основно преосмисляне на архитектурата и опита на даден сайт, той обикновено изисква този сайт да бъде преработен и преработен, за да се съобрази с отзивчивите стилове. AMP обаче може да се добави към съществуващ сайт. Всъщност може дори да се добави към съществуващ отзивчив сайт.
Съображения на Javascript
За разлика от сайтовете с RWD, сайтовете на AMP не играят добре с Javascript. Това включва скриптове и библиотеки от трети страни, които днес са много популярни на сайтове. Тези библиотеки могат да добавят невероятна функционалност към даден сайт, но те също влияят на представянето. Като такава, може да се разбере, че подход, силно фокусиран върху скоростта на страницата, ще избегне Javascript файлове. Поради тази причина AMP често се използва най-добре на статични уеб страници, за разлика от силно динамичните или тези, които изискват специфични ефекти на Javascript за една или друга причина. Например галерията от уебсайтове, която използва стил "светлинка", няма да бъде голям кандидат за AMP. От друга страна, стандартна статия за уеб сайт или съобщение за пресата, което не изисква никаква фантастична функционалност, ще бъде страхотна страница, която да се доставя с AMP. Тази страница вероятно ще бъде прочетена от хора, използващи мобилни устройства, които вероятно са виждали връзката в социалните медии или чрез мобилно търсене в Google. Да могат незабавно да доставят това съдържание, когато го поискат, вместо да забавят скоростта на изтегляне, докато ненужните Javascript и други ресурси се зареждат, което води до страхотно преживяване на клиентите.
Изборът на правилното решение
Така че коя опция е подходяща за вас - AMP или RWD? Тя зависи от вашите специфични нужди, разбира се, но не е нужно да избирате едното или другото. Ако искаме да имаме по-интелигентни (и по-успешни) онлайн стратегии, това означава, че трябва да разгледаме всички инструменти, с които разполагаме, и да разберем как те ще работят заедно. Може би това означава да предоставяте сайта си отзивчиво, но използвайки AMP на избрани секции или страници, които може да са най-подходящи за този стил на развитие. Това би могло да означава и да се вземат аспекти на различни подходи и да ги комбинирате, за да създадете хибридни решения, които отговарят на много специфични нужди и които дават най-доброто от двата свята на посетителите на този сайт.