Перавагі AMP і як яна адрозніваецца ад Спагадны вэб-дызайн
Калі вы паглядзіце на апошнія некалькі гадоў аналітыкі трафіку для вэб-сайтаў, вы, верагодна, выявіце, што ўсе яны маюць адзін з асноўных рэч увогуле - рост колькасці наведвальнікаў яны атрымліваюць ад карыстальнікаў мабільных прылад.
Ва ўсім свеце ёсць цяпер больш вэб-трафік з мабільных прылад, чым ад таго, што мы лічым «традыцыйныя прылады», якія ў асноўным азначае, настольныя або партатыўныя кампутары. Існуе ніякіх сумненняў у тым, што мабільныя кампутары змянілі спосаб, якім людзі спажываюць онлайн-кантэнту, што азначае, што ён змяніў спосаб, якім мы павінны ствараць вэб-сайты для тых больш мабільных арыентаваных на аўдыторыю.
Будынак для мабільнай аўдыторыі
Стварэнне «мабільныя дружалюбныя сайты» з'яўляецца прыярытэтнай задачай для вэб-прафесіяналаў на працягу многіх гадоў. Практыка , як спагадлівага вэб - дызайну з мэтай дапамагчы стварыць сайты , якія працавалі добра для ўсіх прылад, і засяродзіцца на прадукцыйнасці вэб - сайта і хуткае час загрузкі прыносіць карысць усім карыстальнікам, мабільныя ці іншым чынам . Іншы падыход да мабільных дружалюбным сайтам вядомы як вебы-распрацоўка AMP, які стаіць за паскораныя мабільныя старонкі.
Гэты праект, які пры падтрымцы Google, быў створаны як адкрыты стандарт азначаў, каб вэб-сайт выдаўцы ствараць сайты, якія загружаюцца хутчэй на мабільных прыладах. Калі вы думаеце, што гэта гучыць вельмі падобна на адаптыўны вэб-дызайн, вы не памыліліся. Гэтыя два паняцці маюць шмат агульнага, а менавіта, што яны абодва сканцэнтраваны на дастаўку кантэнту для карыстальнікаў мабільных прылад. Ёсць цэлы шэраг адрозненняў паміж гэтымі двума падыходамі, аднак.
Асноўныя адрозненні паміж АМФ і Спагадны вэб-дызайн
Адна з моцных бакоў спагадлівага вэб-дызайну заўсёды была гнуткасць, што ён дадае да сайта. Вы можаце стварыць адну старонку, якая аўтаматычна рэагуе на памер экрана наведвальніка. Гэта дае вашай старонкі ахоп і здольнасць служыць добрым вопытам для шырокага спектру прылад і памераў экрана, ад мабільных тэлефонаў да планшэтаў для наўтбукаў, настольных кампутараў, а таксама за яго межамі. Адаптыўны вэб - дызайн факусуюць на ўсіх прыладах і вопыту карыстальнікаў , а не толькі мабільныя. Гэта значыць, і добрае ў некаторых адносінах і дрэнна ў іншых.
Гнуткасць сайта з'яўляецца вялікім, але калі вы сапраўды хочаце, каб засяродзіцца на мабільным тэлефоне, ствараючы сайт, які факусуюць на ўсе экраны, а не толькі на рухомых, можа быць гандлюючы гнуткасць для чыста аптымізаванай прадукцыйнасці мабільнай. Гэта значыць тэорыя ззаду AMP.
АМФА сканцэнтраваны выключна на хуткасці, а менавіта - мабільная хуткасць. Згодна з Malte УБЛ, Google Tech Lead для гэтага праекта, AMP імкнецца прынесці некаторыя з спосабаў дасягнення гэтай мэты ўключаюць у сябе «імгненны рэндэрынг для вэб-кантэнту.»:
- гультаяватая загрузка
- выкарыстанне preconnect
- Папярэдняя выбарка рэсурсаў
- асінхронны Javascript
- лісты Инлайн стыль
- Няма загружаныя шрыфты
- прыярэтызацыя рэсурсаў
Такія толькі некаторыя з удзельнікаў , якія робяць АМФ нагрузку так хутка . Ёсць, аднак, і некаторыя пункты ў гэтым спісе, якія могуць зрабіць даўні вэб-прафесіяналы поўзаць. Убудаваныя табліцы стыляў , напрыклад. Шмат хто з нас казалі на працягу многіх гадоў, што ўсе стылі павінны ўтрымлівацца ў знешніх табліцах стыляў. Будучы ў стане стылізаваць шмат старонак сайта усе з аднаго знешняга ліста адна з моцных бакоў CSS- сілы, якая адмаўляецца, калі старонкі выкарыстоўваюць убудаваныя стылі замест гэтага. Так, вы прадухіліце неабходнасць загрузкі вонкавага файла, але пры кошце будучы ў стане кіраваць гэтым увесь сайт з аднаго ліста стылю. Такім чынам, які падыход лепш? Рэальнасць складаецца ў тым, што яны абодва маюць свае перавагі і недахопы. Web пастаянна змяняецца, і розныя людзі, якія наведваюць ваш сайт маюць розныя патрэбы. Гэта вельмі цяжка ўсталяваць правілы, якія будуць прымяняцца ва ўсіх выпадках, так як розныя падыходы маюць сэнс у розных сітуацыях. Ключ павінен ўзважыць перавагі і недахопы кожнага падыходу, каб вызначыць, што лепш за ўсё ў Вашым канкрэтным выпадку.
Яшчэ адно важнае адрозненне паміж AMP і RWD з'яўляецца той факт, што адаптыўны дызайн рэдка «дададзены» на існуючы сайт. Таму што RWD сапраўды прыцёртых да пераасэнсавання архітэктуры і вопыту сайта, то, як правіла , патрабуе , каб сайт быў перапрацаваная і перапрацаваным для размяшчэння адаптыўных стыляў. AMP можа быць дададзеная на існуючы сайт, аднак. На самай справе, гэта нават можа быць дададзеная на існуючы спагадны сайт.
Javascript Пытанні
У адрозненне ад сайтаў з RWD, сайты AMP не вельмі добра з JavaScript. Гэта ўключае ў сябе 3 - іншыя скрыпты - й і бібліятэкі, якія вельмі папулярныя на сайтах сёння. Гэтыя бібліятэкі могуць дадаць неверагодную функцыянальнасць сайта, але яны таксама ўплываюць на прадукцыйнасць. Такім чынам, само сабой зразумела, што падыход моцна сканцэнтраваны на хуткасці старонкі будуць цурацца Javascript файлаў. Менавіта з гэтай прычыны, што AMP часта лепш за ўсё выкарыстоўваць на статычных вэб-старонак, у адрозненне ад высока дынамічных або тыя, якія патрабуюць спецыяльных эфектаў, Javascript для той ці іншай прычыне. Напрыклад, вэб-сайт галерэі, што робіць выкарыстанне «лайтбокс» вопыт стылю не будзе выдатным кандыдатам для AMP. З іншага боку, стандартны вэб-сайт артыкул ці прэс-рэліз, які не патрабуе якой-небудзь фантазіі функцыянальнасці будзе вялікая старонка паставіць з AMP. Гэтая старонка можа быць прачытана людзьмі з дапамогай мабільных прылад, якія маглі бачыць спасылку на сацыяльным медыя або з дапамогай мабільнага пошуку Google. Будучы ў стане імгненна даставіць гэта змесціва, калі яны просяць аб гэтым, замест таго, каб запаволіць хуткасць загрузкі, а загружаюцца непатрэбныя Javascript і іншыя рэсурсы, робіць вялікі досвед працы з кліентамі.
Выбар падыходнага рашэння
Так які варыянт вам пасуе - AMP або RWD? Гэта залежыць ад вашых канкрэтных патрэбаў, вядома, але вам не трэба абраць адзін ці іншы бок. Калі мы хочам мець разумнейшыя (і больш паспяховыя) стратэгіі онлайн гэта азначае, што мы павінны разгледзець усе магчымыя для нас, і даведацца, як яны будуць працаваць разам. Можа быць, гэта азначае дастаўку вашага сайта зваротны, але з выкарыстаннем AMP на асобных участках або старонак, якія могуць быць найбольш падыходзяць для гэтага стылю развіцця. Гэта таксама можа азначаць, прымаючы аспекты розных падыходаў і іх аб'яднання для стварэння гібрыдных рашэнняў, якія адказваюць вельмі спецыфічныя патрэбы і якія забяспечвае лепшае з абодвух сьветаў для наведвальнікаў гэтага сайту.