എന്താണ് AMP (ആക്സിലറേറ്റഡ് മൊബൈൽ പേജുകൾ) വെബ് ഡവലപ്പ്മെന്റ്?

AMP ആനുകൂല്യങ്ങൾ, അത് എങ്ങനെ റെസ്പോൺസീവ് വെബ് ഡിസൈനിൽ നിന്നും വ്യത്യസ്തമാണ്

വെബ്സൈറ്റുകളുടെ അനലിറ്റിക്സ് ട്രാഫിക് കഴിഞ്ഞ കുറച്ചു വർഷങ്ങളായി നിങ്ങൾ കാണുന്നുവെങ്കിൽ, അവർ എല്ലാവരും പൊതുവായി ഒരു പ്രധാന കാര്യം പങ്കുവെക്കുന്നുവെന്നത് നിങ്ങൾ കാണും - മൊബൈൽ ഉപകരണങ്ങളിൽ ഉപയോക്താക്കളിൽ നിന്നും അവർ എത്തുന്ന സന്ദർശകരുടെ എണ്ണം വർദ്ധിക്കും.

ആഗോളമായി, ഇപ്പോൾ "ഡെസ്ക്ടോപ്പ്" അല്ലെങ്കിൽ ലാപ്ടോപ്പ് കമ്പ്യൂട്ടറുകൾ എന്നറിയപ്പെടുന്ന "പരമ്പരാഗത ഉപകരണങ്ങൾ" പരിഗണിക്കുന്നതിൽ നിന്നും വ്യത്യസ്തങ്ങളായ വെബ് ട്രാഫിക് ഇപ്പോൾ മൊബൈൽ ഉപകരണങ്ങളിൽ നിന്ന് വരുന്നു. മൊബൈൽ കമ്പ്യൂട്ടിംഗ് ആളുകൾ ഓൺലൈനിൽ ഉള്ളടക്കം ഉപയോഗിക്കുന്നതിനായാണ് മാറുന്നത് എന്ന കാര്യത്തിൽ യാതൊരു സംശയവുമില്ല. അതിനാലാണ് ഞങ്ങൾ കൂടുതൽ കൂടുതൽ മൊബൈൽ സെൻട്രീ പ്രേക്ഷകർക്ക് വെബ്സൈറ്റുകൾ നിർമ്മിക്കേണ്ടത്.

ഒരു മൊബൈൽ ഓഡിൻസിനായി കെട്ടിടം

"മൊബൈൽ ഫ്രണ്ട്ലി വെബ്സൈറ്റുകൾ" സൃഷ്ടിക്കുന്നത് നിരവധി വർഷങ്ങളായി വെബ് പ്രൊഫഷനലുകൾക്ക് മുൻഗണന നൽകിയിട്ടുണ്ട്. എല്ലാ ഉപകരണങ്ങളിലും നന്നായി പ്രവർത്തിച്ച സൈറ്റുകൾ സൃഷ്ടിക്കുന്നതിനും, വെബ്സൈറ്റിന്റെ പ്രകടനത്തിലും വേഗത്തിൽ ഡൌൺലോഡ് ചെയ്യുന്ന സമയങ്ങളിലും എല്ലാ ഉപയോക്താക്കളോടും മൊബൈലിലേക്കും അല്ലെങ്കിൽ മറ്റ് പ്രയോജനങ്ങൾക്കും പ്രയോജനകരമാക്കുവാൻ സഹായിക്കുന്ന പ്രതികരിച്ച വെബ് ഡിസൈൻ പോലെയുള്ള പ്രാക്ടീസുകൾ. മൊബൈൽ സൗഹാർദ്ദ സൈറ്റുകളുടെ മറ്റൊരു സമീപനം AMP വെബ് ഡെവലപ്പ് എന്നാണ് അറിയപ്പെടുന്നത്, ഇത് ആക്സിലറേറ്റഡ് മൊബൈൽ പേജുകൾ സൂചിപ്പിക്കുന്നു.

Google പിന്തുണയ്ക്കുന്ന ഈ പ്രോജക്റ്റ്, മൊബൈൽ ഉപകരണങ്ങളിൽ വളരെ വേഗത്തിൽ ലോഡ് ചെയ്യുന്ന സൈറ്റുകൾ സൃഷ്ടിക്കാൻ വെബ്സൈറ്റ് പ്രസാധകരെ അനുവദിക്കുന്നു. പ്രതികരിക്കുന്ന വെബ് രൂപകൽപ്പന പോലെ തോന്നിക്കുന്ന ഒരു കാര്യം നിങ്ങൾ ചിന്തിക്കുന്നുണ്ടെങ്കിൽ, നിങ്ങൾ തെറ്റെല്ല. രണ്ട് ആശയങ്ങളും പൊതുവായി പങ്കുവെക്കുന്നു, അതായത് മൊബൈലിലെ ഉപയോക്താക്കൾക്ക് ഉള്ളടക്കം വിതരണം ചെയ്യുന്നതിൽ അവർ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു. എന്നിരുന്നാലും ഈ രണ്ടു സമീപനങ്ങളുമുണ്ട്.

AMP, റെസ്പോൺസീവ് വെബ് ഡിസൈൻ എന്നിവ തമ്മിലുള്ള പ്രധാന വ്യത്യാസങ്ങൾ

പ്രതികരിക്കുന്ന വെബ് രൂപകൽപ്പിന്റെ പ്രബലതയിൽ എല്ലായ്പ്പോഴും ഒരു സൈറ്റിന് ചേർക്കുന്നതിനുള്ള വഴക്കമാണ്. സന്ദർശകരുടെ സ്ക്രീൻ വലുപ്പത്തിലേക്ക് യാന്ത്രികമായി പ്രതികരിക്കുന്ന ഒരു പേജ് സൃഷ്ടിക്കാൻ കഴിയും. ഇത് നിങ്ങളുടെ പേജിലേക്ക് എത്തുന്നതും മൊബൈൽ ഫോണുകൾ മുതൽ ടാബ്ലറ്റുകൾ വരെയുള്ള ലാപ്ടോപ്പുകളിലേക്കും ഡെസ്ക്ടോപ്പുകൾക്കും അപ്പുറത്തേക്കും വിശാലമായ ഉപകരണങ്ങളും സ്ക്രീൻ വലുപ്പത്തിലുള്ള മികച്ച അനുഭവം നൽകുന്നതിനുള്ള കഴിവും നൽകുന്നു. മൊബൈലിൽ മാത്രമല്ല, എല്ലാ ഉപകരണങ്ങളിലും ഉപയോക്തൃ അനുഭവങ്ങളിലും പ്രതികരിക്കുന്ന വെബ് രൂപകൽപ്പനയിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു. ചില കാര്യങ്ങളിൽ അത് നല്ലതാണ്, മറ്റുള്ളവരിൽ ദോഷവും.

ഒരു സൈറ്റിലെ സൌകര്യപ്രദമാണ് നല്ലത്, പക്ഷെ മൊബൈലിൽ ഫോക്കസ് ചെയ്യാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, എല്ലാ സ്ക്രീനുകളിലും ശ്രദ്ധകേന്ദ്രീകരിക്കുന്ന ഒരു സൈറ്റ് നിർമ്മിക്കുക, മൊബൈലുകളിൽ മാത്രം പകരം, പൂർണ്ണമായും ഒപ്റ്റിമൈസുചെയ്ത മൊബൈൽ പ്രകടനത്തിന് വിനിയോഗിക്കാൻ കഴിയും. അത് AMP- യുടെ പിന്നിലുള്ള സിദ്ധാന്തമാണ്.

വേഗതയിൽ മൊഡ്യൂളിൻറെ വേഗതയിൽ AMP പൂർണ്ണമായും ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു. മാൽടെ യുബ്ലുടെ അഭിപ്രായത്തിൽ "വെബ് ഉള്ളടക്കത്തിന് തൽക്ഷണം റെൻഡറിംഗ്" കൊണ്ടുവരാനാണ് AMP ഈ പദ്ധതിക്കായി ഗൂഗിൾ ടെക് ലീഡേഴ്സ് ലക്ഷ്യമിടുന്നത്.

• സോഷ്യലിസ്റ്റ് ലോഡിംഗ്
• പ്രീകണക്യാന് ഉപയോഗിക്കുന്നു
• വിഭവങ്ങൾ പ്രീഫെച്ചുചെയ്യുന്നു
• Async Javascript
• ഇൻലൈൻ സ്റ്റൈൽ ഷീറ്റുകൾ
• ഡൗൺലോഡ് ചെയ്യാവുന്ന ഫോണ്ടുകൾ ഒന്നുമില്ല
• വിഭവം മുൻഗണന

ഇവ വളരെ വേഗത്തിൽ AMP ലോഡ് ഉണ്ടാക്കുന്ന ചില പ്രിൻസിപ്പലുകൾ മാത്രമാണ്. എന്നിരുന്നാലും, ആ പട്ടികയിൽ ചില ഇനങ്ങൾ ഉണ്ട്, അത് ദീർഘകാല വെബ് പ്രൊഫഷണലുകൾക്ക് വിഷമമുണ്ടാക്കാം. ഇൻലൈൻ സ്റ്റൈൽ ഷീറ്റുകൾ , ഉദാഹരണത്തിന്. എല്ലാ ശൈലികളും ബാഹ്യ ശൈലി ഷീറ്റുകളിൽ അടങ്ങിയിരിക്കണമെന്ന് വർഷങ്ങളായി നമ്മിൽ പലരും പറഞ്ഞിട്ടുള്ളതാണ്. ഒരു ബാഹ്യ ഷീറ്റിലുടനീളം ഒരുപാട് ശീതകപ്പുകളിൽ നിന്നുള്ള ധാരാളം ശൈലികൾ കഴിയുന്നത് CSS- ന്റെ ശക്തിയാണ്. പകരം പേജുകൾ ഇൻലൈൻ ശൈലികൾ ഉപയോഗിക്കുമെങ്കിൽ അവ നിരുത്സാഹപ്പെടുത്തുന്നു. അതെ, നിങ്ങൾ ബാഹ്യ ഫയൽ ഡൌൺലോഡ് ആവശ്യം തടയുന്നു, എന്നാൽ ഒറ്റ സ്റ്റൈൽ ഷീറ്റ് ആ സൈറ്റ് മുഴുവനും കൈകാര്യം സാധിക്കും ചെലവിൽ. ഏത് സമീപനമാണ് നല്ലത്? യാഥാർത്ഥ്യമാണ് അവർക്ക് അവരുടെ നേട്ടങ്ങളും ദോഷങ്ങളും. വെബ് നിരന്തരമായി മാറിക്കൊണ്ടിരിക്കുകയാണ്, നിങ്ങളുടെ സൈറ്റ് സന്ദർശിക്കുന്ന വ്യത്യസ്ത വ്യക്തികൾക്ക് വ്യത്യസ്ത ആവശ്യങ്ങളുണ്ട്. എല്ലാ സാഹചര്യങ്ങളിലും പ്രയോഗിക്കുന്ന നിയമങ്ങൾ സ്ഥാപിക്കാൻ വളരെ പ്രയാസമാണ്, കാരണം വ്യത്യസ്ത സാഹചര്യങ്ങളിൽ വ്യത്യസ്ത സാഹചര്യങ്ങളിൽ അർത്ഥമുണ്ട്. നിങ്ങളുടെ സമീപനത്തിൽ ഏറ്റവും മികച്ചത് എന്താണെന്ന് തീരുമാനിക്കുന്നതിന് ഓരോ സമീപനത്തിൻറെ നേട്ടങ്ങളോടും കുറവുകളോ ആണ് തൂക്കമുള്ളത്.

AMP, RWD എന്നിവയ്ക്കിടയിലുള്ള മറ്റൊരു പ്രധാന വ്യത്യാസം പ്രതികരിച്ച രൂപകൽപ്പന നിലവിലുള്ള സൈറ്റിലേക്ക് വളരെ വിരളമായി "കൂട്ടിച്ചേർത്തു" എന്നതാണ്. RWD ഒരു സൈറ്റിന്റെ ആർക്കിടെക്ചറുകളുടേയും അനുഭവങ്ങളുടേയും അടിസ്ഥാനത്തിലുള്ള പുനർചിന്തയാണ് എന്നതിനാൽ, സാധാരണയായി ആ സൈറ്റിന്റെ പുനർരൂപകൽപ്പന, പുനർപരിശോധന നടത്താൻ അത് ആവശ്യമായി വരും. എന്നിരുന്നാലും നിലവിലുള്ള ഒരു സൈറ്റിൽ AMP ചേർക്കാൻ കഴിയും. സത്യത്തിൽ, നിലവിലുള്ള പ്രതികരിക്കുന്ന സൈറ്റിലേക്ക് ഇതിനെ ചേർക്കാൻ കഴിയും.

ജാവസ്ക്രിപ്റ്റ് പരിഗണനകൾ

RWD ഉള്ള സൈറ്റുകളിൽ നിന്ന് വ്യത്യസ്തമായി, AMP സൈറ്റുകൾ ജാവാസ്ക്രിപ്റ്റിനൊപ്പം നന്നായി കളിക്കില്ല. ഇന്ന് സൈറ്റുകളിൽ വളരെ പ്രചാരമുള്ള മൂന്നാം കക്ഷി സ്ക്രിപ്റ്റുകൾ, ലൈബ്രറികൾ എന്നിവ ഇതിൽ ഉൾപ്പെടുന്നു. ആ ലൈബ്രറികൾ ഒരു സൈറ്റിന് അവിശ്വസനീയമായ പ്രവർത്തനക്ഷമത ചേർക്കാം, പക്ഷേ അവർ പ്രകടനത്തെ ബാധിക്കുന്നു. അതുപോലെ, പേജ് വേഗതയിൽ ശ്രദ്ധ കേന്ദ്രീകരിച്ചുള്ള ഒരു സമീപനം ജാവാസ്ക്രിപ്റ്റ് ഫയലുകൾ ഇല്ലാതാകുമെന്നതിന്റെ ഒരു കാരണം ചൂണ്ടിക്കാട്ടുന്നു. ഈ കാരണത്താൽ, ഉയർന്ന ചലനാത്മകമായവയ്ക്ക് എതിരായി നിൽക്കുന്നതോ അല്ലെങ്കിൽ ഒരു കാരണമോ മറ്റൊരു കാരണമോ പ്രത്യേക ജാവാസ്ക്രിപ്റ്റ് ഇഫക്ടുകൾ ആവശ്യപ്പെടുന്നതോ ആയ സ്റ്റാറ്റിക് വെബ്പേജുകളിൽ AMP മിക്കപ്പോഴും ഏറ്റവും മികച്ച രീതിയിൽ ഉപയോഗിക്കുന്നതാണ്. ഉദാഹരണമായി, ഒരു "ലൈറ്റ്ബോക്സ്" സ്റ്റൈൽ അനുഭവം ഉപയോഗപ്പെടുത്തുന്ന ഒരു വെബ്സൈറ്റ് ഗാലറി AMP യ്ക്കുള്ള മികച്ചൊരു സ്ഥാനാർത്ഥിയാകാൻ പോകുന്നില്ല. മറ്റൊരു വശത്ത്, ഒരു ഫാൻസി ഫങ്ഷണാലിറ്റി ആവശ്യമില്ലാത്ത സ്റ്റാൻഡേർഡ് വെബ്സൈറ്റ് ലേഖനം അല്ലെങ്കിൽ പത്രക്കുറിപ്പ് AMP- യിലേക്ക് കൈമാറുന്നതിനുള്ള ഒരു നല്ല പേജ് ആയിരിക്കും. സോഷ്യൽ മീഡിയയിൽ ഉള്ള ലിങ്ക് കണ്ടോ മൊബൈൽ Google തിരയൽ വഴിയോ കണ്ട മൊബൈൽ ഉപകരണങ്ങൾ ഉപയോഗിക്കുന്ന ആളാണ് ആ പേജ് വായിക്കാൻ സാധ്യത. അനാവശ്യമായ ജാവാസ്ക്രിപ്റ്റിനും മറ്റു വിഭവങ്ങളും ലോഡ് ചെയ്യുമ്പോൾ ഡൌൺലോഡ് വേഗത കുറയ്ക്കുന്നതിന് പകരം, ഒരു വലിയ കസ്റ്റമർ അനുഭവത്തിനായി, അത് ആവശ്യപ്പെടുമ്പോൾ ആ ഉള്ളടക്കം തൽക്ഷണം വിതരണം ചെയ്യാനാകും.

വലത് പരിഹാരം തിരഞ്ഞെടുക്കുന്നു

ഏത് ഓപ്ഷൻ നിങ്ങൾക്ക് അനുയോജ്യമാണ് - AMP അല്ലെങ്കിൽ RWD? ഇത് നിങ്ങളുടെ പ്രത്യേക ആവശ്യങ്ങൾക്കനുസൃതമായി ആശ്രയിച്ചിരിക്കും, എന്നാൽ നിങ്ങൾക്ക് ഒന്നോ അല്ലെങ്കിൽ മറ്റൊന്ന് തിരഞ്ഞെടുക്കേണ്ട ആവശ്യമില്ല. ഞങ്ങൾ കൂടുതൽ മികച്ച (കൂടുതൽ വിജയകരമാം) ഓൺലൈൻ തന്ത്രങ്ങൾ വേണമോ ആഗ്രഹിക്കുന്നുണ്ടെങ്കിൽ, നമ്മൾ എല്ലാ ഉപകരണങ്ങളും പരിശോധിച്ച് അവ എങ്ങനെ ഒരുമിച്ച് പ്രവർത്തിക്കുമെന്ന് മനസിലാക്കുക എന്നാണ്. നിങ്ങളുടെ സൈറ്റ് പ്രതികരിക്കുന്നതിന് പകരം, തിരഞ്ഞെടുത്ത വിഭാഗങ്ങളിൽ അല്ലെങ്കിൽ വികാസത്തിന്റെ ശൈലിക്ക് ഏറ്റവും അനുയോജ്യമായേക്കാവുന്ന പേജുകളിൽ AMP ഉപയോഗിക്കുക എന്നാണ് ഇത് അർത്ഥമാക്കുന്നത്. വിവിധ സമീപനങ്ങളുടെ വശങ്ങൾ എടുത്ത് അവയെ പ്രത്യേകമായി യോജിക്കുന്ന ഹൈബ്രിഡ് പരിഹാരങ്ങൾ സൃഷ്ടിക്കുന്നതും ആ സൈറ്റിന്റെ സന്ദർശകർക്ക് ലോകത്തെ മികച്ചരീതിയിൽ എത്തിക്കുന്നതിനെയും അർഥമാക്കുന്നു.