Придобивките од AMP и како таа се разликува од Отворени Веб Дизајн
Ако погледнете во изминатите неколку години на анализа на сообраќајот за веб-страниците, најверојатно ќе најдете дека сите тие споделуваат една заедничка важна работа - зголемување на бројот на посетители што ги добиваат од корисници на мобилни уреди.
На глобално ниво, сега има повеќе веб сообраќај што доаѓа од мобилните уреди отколку од она што би го сметале за "традиционални уреди", што во основа значи десктоп или лаптоп компјутери. Нема сомнение дека мобилните компјутери го сменија начинот на кој луѓето ја конзумираат содржината на интернет, што значи дека го смени начинот на кој ние мора да изградуваме веб-страници за оние кои сè повеќе се фокусираат на мобилноста.
Градење за мобилна публика
Создавањето "мобилни пријателски веб-страници" е приоритет за веб-професионалци за многу години. Практиките како одговорен веб-дизајн имаат за цел да помогнат да се креираат сајтови кои добро работеа за сите уреди, а фокусот на перформансите на веб-страницата и брзото преземање пати им користи на сите корисници, мобилни или на друг начин. Друг пристап до мобилни пријателски сајтови е познат како AMP веб развој, кој се залага за забрзани мобилни страници.
Овој проект, кој е поддржан од Google, беше креиран како отворен стандард за да им овозможи на издавачите на веб-страници да креираат сајтови кои побрзо се вчитаат на мобилни уреди. Ако мислите дека тоа звучи многу слично на одговорен веб дизајн, не сте во право. Двата концепта делат многу заеднички, имено дека и двајцата се фокусирани на доставување на содржини на корисници на мобилни уреди. Меѓутоа, постојат неколку разлики меѓу овие два пристапа.
Клучни разлики помеѓу AMP и Отворени Веб Дизајн
Една од предностите на одговорен веб дизајн отсекогаш била флексибилност што ја додава на страницата. Можете да креирате една страница која автоматски реагира на големината на екранот на посетителот. Ова му дава на вашата страница дофат и способност да им служи на добро искуство на широк спектар на уреди и големини на екран, од мобилни телефони до таблети на лаптопи, десктоп компјутери и пошироко. Отворениот веб-дизајн е фокусиран на сите уреди и кориснички искуства , а не само мобилни. Тоа е добро на некој начин и лошо во други.
Флексибилноста на страницата е одлична, но ако навистина сакате да се фокусирате на мобилен, создавајќи сайт кој се фокусира на сите екрани, наместо исклучиво на мобилни, може да се тргува флексибилно за чисто оптимизирани мобилни перформанси. Тоа е теоријата зад АМП.
AMP е чисто фокусиран на брзината - имено мобилната брзина. Според Малте Убл, Google Tech Lead за овој проект, АМП има за цел да донесе "инстант рендерирање на веб-содржини". Некои од начините на кои тоа е направено се:
- Мрзливо вчитување
- Користење претходна врска
- Преземање ресурси
- Async Javascript
- Вградени стилски листови
- Не може да се преземат фонтови
- Приоритет на ресурсите
Ова се само некои од директорите кои го прават AMP толку брзо . Меѓутоа, постојат и некои елементи во таа листа што може да ги стават долгогодишните веб-професионалци. На пример, стилски листови со стил . На многумина од нас се вели со години дека сите стилови треба да бидат содржани во надворешни стилски листови. Бидејќи може да стимулира многу страници на страницата, сите од еден надворешен лист е една од предностите на CSS - сила која е негирана ако страните користат вродени стилови наместо. Да, ја спречувате потребата да ја преземете надворешната датотека, но по цена да може да управувате со целата страница со единечен стилски лист. Па кој пристап е подобар? Реалноста е дека и двете имаат свои предности и недостатоци. Веб постојано се менува и различни луѓе кои ја посетуваат вашата веб-страница имаат различни потреби. Многу е тешко да се воспостават правила кои ќе се применуваат во сите случаи, бидејќи различни пристапи имаат смисла во различни ситуации. Клучот е да се земат предвид придобивките или недостатоците на секој пристап за да се одреди кој е најдобар во вашиот конкретен случај.
Друга клучна разлика помеѓу AMP и RWD е фактот што реагираниот дизајн ретко се додава на постоечката страница. Бидејќи RWD е навистина основно преиспитување на архитектурата и искуството на сајтот, генерално ќе бара таа страница да биде редизајнирана и реконструирана за да се приспособат на одзивните стилови. AMP може да се додаде на постоечка страница, сепак. Всушност, тоа дури може да се додаде на постоечки одговорен сајт.
Размислувања на Javascript
За разлика од сајтови со RWD, АМП-сајтовите не играат добро со Javascript. Ова ги вклучува и трети партиски скрипти и библиотеки кои се многу популарни на веб-сајтовите денес. Овие библиотеки можат да додадат неверојатна функционалност на страница, но исто така влијаат на перформансите. Како таква, стои причина за тоа дека пристапот што е мошне фокусиран на брзината на страница ќе ги избегне Javascript-датотеките. Поради оваа причина, AMP најчесто најдобро се користи на статични веб-страници, за разлика од оние што се многу динамични или оние кои бараат специфични ефекти на Javascript поради една или друга причина. На пример, галерија на веб-страници што го користи користењето на искуството со "lightbox" стил нема да биде одличен кандидат за AMP. Од друга страна, стандардна веб-страница или соопштение за печатот, за кое не е потребна фантастична функционалност, би била одлична страница за да се достави со AMP. Оваа страница најверојатно ќе биде прочитана од луѓе кои користат мобилни уреди кои можеби ја гледаат врската на социјалните медиуми или преку мобилното пребарување на Google. Бидејќи можете веднаш да ја испорачате таа содржина кога ќе ја побараат, наместо да ја забават брзината на преземање додека не се вчитаат непотребни Javascript и други ресурси, го прави за големо искуство со клиентите.
Избор на вистинското решение
Значи која опција е во право за вас - AMP или RWD? Се разбира, зависи од вашите специфични потреби, но не треба да изберете еден или друг. Ако сакаме да имаме попаметни (и поуспешни) онлајн стратегии, тоа значи дека треба да ги земеме предвид сите алатки што ни се достапни и да научиме како ќе работат заедно. Можеби ова значи одговорно доставување на вашиот сајт, но со користење на AMP на одредени делови или страници кои можеби се најпогодни за тој стил на развој. Тоа исто така може да значи земање аспекти на различни пристапи и комбинирање на нив за да се создадат хибридни решенија кои ги задоволуваат многу специфичните потреби и кои ги обезбедуваат најдобрите од двата света за посетителите на овој сајт.