Ang mga benepisyo ng AMP at kung paano ito naiiba mula sa Responsive Web Design
Kung titingnan mo ang nakalipas na ilang taon ng trapiko ng analytics para sa mga website, malamang na masusumpungan mong lahat sila ay nagbabahagi ng isang pangunahing bagay na karaniwan - isang pagtaas sa bilang ng mga bisita na nakukuha nila mula sa mga gumagamit sa mga mobile device.
Sa buong mundo, mas maraming trapiko sa web ang nagmumula sa mga mobile device kaysa sa kung ano ang isasaalang-alang namin ang "mga tradisyunal na device", na karaniwang nangangahulugan ng mga desktop o laptop computer. Walang alinlangan na ang mobile computing ay nagbago sa paraan ng mga tao na kumain ng online na nilalaman, na nangangahulugang nagbago ito sa paraan na kailangan naming bumuo ng mga website para sa mga lalong madaming mobile na sentro ng madla.
Pagbuo para sa isang Mobile Audience
Ang paglikha ng "mobile friendly na mga website" ay isang priyoridad para sa mga propesyonal sa web para sa maraming taon. Ang mga gawi tulad ng nakikiramay na disenyo ng web na naglalayong makatulong na lumikha ng mga site na mahusay na gumagana para sa lahat ng mga device, at isang pagtuon sa pagganap ng website at mabilis na pag-download ng mga oras na benepisyo sa lahat ng mga gumagamit, mobile o kung hindi man. Isa pang diskarte sa mga mobile friendly na site ay kilala bilang pag-unlad ng web AMP, na kumakatawan para sa Pinabilis na Mga Pahina sa Mobile.
Ang proyektong ito, na sinuportahan ng Google, ay nilikha bilang isang bukas na pamantayan na sinadya upang payagan ang mga publisher ng website na lumikha ng mga site na mas mabilis na load sa mga mobile device. Kung iniisip mo na ang iyan ay tulad ng nakikiramay na disenyo sa web, hindi ka mali. Ang dalawang konsepto ay nagbahagi ng maraming karaniwan, katulad na pareho silang nakatuon sa paghahatid ng nilalaman sa mga gumagamit sa mga aparatong mobile. Gayunpaman, may ilang mga pagkakaiba sa pagitan ng dalawang mga pamamaraang ito.
Mga Pangunahing Kaayusan sa Pagitan ng AMP at Responsive Web Design
Ang isa sa mga lakas ng tumutugon sa disenyo ng web ay palaging ang kakayahang umangkop na idinagdag nito sa isang site. Maaari kang lumikha ng isang pahina na awtomatikong tumugon sa laki ng screen ng bisita. Nagbibigay ito sa abot ng iyong pahina at kakayahang maglingkod ng mahusay na karanasan sa isang malawak na hanay ng mga device at mga laki ng screen, mula sa mga mobile phone patungo sa mga tablet sa mga laptop, mga desktop, at higit pa. Ang nakikiramay na disenyo ng web ay nakatuon sa lahat ng mga device at mga karanasan ng gumagamit , hindi lamang mobile. Iyon ay parehong mabuti sa ilang mga paraan at masama sa iba.
Mahusay ang flexibility sa isang site, ngunit kung gusto mo talagang tumuon sa mobile, ang paglikha ng isang site na naka-focus sa lahat ng screen, sa halip na lamang sa mga mobile, ay maaaring maging flexibility ng kalakalan para sa ganap na na-optimize na pagganap ng mobile. Iyon ang teorya sa likod ng AMP.
AMP ay pulos nakatuon sa bilis - lalo na bilis ng mobile. Ayon sa Malte Ubl, ang Google Tech Lead para sa proyektong ito, ang AMP ay naglalayong magdala ng "instant na pag-render sa nilalaman ng web." Ang ilan sa mga paraan na ito ay ginagawa ay kasama ang:
- Lazy loading
- Paggamit ng preconnect
- Prefetching resources
- Async Javascript
- Inline style sheets
- Walang mai-download na mga font
- Pag-prioridad ng mapagkukunan
Ang mga ito ay ilan lamang sa mga punong-guro na gumawa ng mabilis na pag-load ng AMP. Mayroon ding, gayunpaman, ang ilang mga item sa listahang iyon na maaaring gumawa ng mga mahabang panahon na mga propesyonal sa web na sumisiyasat. Halimbawa ng mga style sheet , halimbawa. Marami sa atin ang sinabihan nang maraming taon na dapat ang lahat ng estilo ay nasa mga panlabas na style sheet. Ang pagiging maka-estilo ng maraming mga pahina ng site mula sa isang panlabas na sheet ay isa sa mga lakas ng CSS-isang lakas na hindi pinahihintulutan kung ang mga pahina ay gumagamit ng mga inline na estilo sa halip. Oo, pinipigilan mo ang pangangailangan upang i-download ang panlabas na file, ngunit sa gastos ng pagiging magagawang pamahalaan ang buong site na may solong style sheet. Kaya mas mahusay ang paraan? Ang katotohanan ay na sila ay parehong may mga benepisyo at mga kakulangan. Ang Web ay patuloy na nagbabago at iba't ibang mga tao na bumibisita sa iyong site ay may iba't ibang pangangailangan. Napakahirap na magtatag ng mga panuntunan na ilalapat sa lahat ng mga kaso, dahil ang iba't ibang mga pamamaraan ay may katuturan sa iba't ibang sitwasyon. Ang susi ay upang timbangin ang mga benepisyo o mga kakulangan ng bawat diskarte upang matukoy kung alin ang pinakamainam sa iyong partikular na kaso.
Ang isa pang pangunahing pagkakaiba sa pagitan ng AMP at RWD ay ang katunayan na ang tumutugon na disenyo ay bihirang "idinagdag sa" sa isang umiiral na site. Dahil ang RWD ay talagang isang pag-uulit ng arkitektura at karanasan ng isang site, sa pangkalahatan ay nangangailangan ito ng site na muling idisenyo at muling maunlad upang mapaunlakan ang mga tumutugon na mga estilo. Gayunpaman, maaaring maidagdag ang AMP sa isang umiiral na site. Sa katunayan, maaari pa itong idagdag sa isang umiiral nang tumutugon na site.
Mga Pagsasaalang-alang sa Javascript
Hindi tulad ng mga site na may RWD, ang mga site ng AMP ay hindi maganda ang pag-play sa Javascript. Kabilang dito ang 3 rd party na script at mga aklatan na napaka-tanyag sa mga site ngayon. Ang mga aklatang iyon ay maaaring magdagdag ng hindi kapani-paniwala na pag-andar sa isang site, ngunit nakakaapekto rin ito sa pagganap. Bilang tulad, ito ay nakatayo sa dahilan na ang isang diskarte keenly nakatuon sa bilis ng pahina ay maiwasan ang mga file na Javascript. Ito ay para sa kadahilanang ito na ang AMP ay kadalasang pinakamahusay na ginagamit sa static na mga webpage kumpara sa mataas na mga dynamic na mga o mga nangangailangan ng tiyak na mga epekto ng Javascript para sa isang kadahilanan o iba pa. Halimbawa, ang isang website gallery na gumagamit ng isang "lightbox" na estilo ng karanasan ay hindi magiging isang mahusay na kandidato para sa AMP. Sa kabilang banda, ang isang karaniwang artikulo ng website o pahayag na hindi nangangailangan ng anumang magarbong pag-andar ay magiging isang mahusay na pahina upang maihatid sa AMP. Ang pahinang iyon ay malamang na mabasa ng mga taong gumagamit ng mga mobile device na maaaring nakakita ng link sa social media o sa pamamagitan ng isang mobile na paghahanap sa Google. Ang kakayahang agad na maihatid ang nilalaman na kapag hiniling nila ito, sa halip na pagbagal ng bilis ng pag-download habang ang hindi kinakailangang Javascript at iba pang mga mapagkukunan ay na-load, gumagawa para sa isang mahusay na karanasan sa customer.
Pagpili ng Tamang Solusyon
Kaya kung aling pagpipilian ang tama para sa iyo - AMP o RWD? Depende ito sa iyong partikular na mga pangangailangan, siyempre, ngunit hindi mo na kailangang pumili ng isa o ng iba pa. Kung gusto nating magkaroon ng mas matalinong (at mas matagumpay) mga estratehiya sa online, nangangahulugan ito na kailangan nating isaalang-alang ang lahat ng mga tool sa aming pagtatapon at matutunan kung paano sila magkakasama. Marahil ito ay nangangahulugan ng paghahatid ng iyong site nang responsable, ngunit gumagamit ng AMP sa mga piling seksyon o mga pahina na maaaring pinaka-angkop sa estilo ng pag-unlad. Maaari rin itong mangahulugan ng pagkuha ng mga aspeto ng iba't ibang mga diskarte at pagsasama-sama ng mga ito upang lumikha ng mga hybrid na solusyon na nakakatugon sa mga tiyak na mga pangangailangan at kung saan naghahatid ng pinakamahusay na ng parehong mundo sa mga bisita ng site na iyon.