مزایای AMP و نحوه طراحی آن از Web Design Responsive چیست؟
اگر به چند سال گذشته از ترافیک تجزیه و تحلیل برای وب سایت ها نگاه کنید، به احتمال زیاد متوجه خواهید شد که همه آنها یک چیز مهم را به اشتراک می گذارند - افزایش تعداد بازدید کنندگان از کاربران در دستگاه های تلفن همراه.
در حال حاضر، ترافیک وب از دستگاه های تلفن همراه بیشتر از چیزی است که ما "دستگاه های سنتی" را در نظر می گیریم، که اساسا به معنای دسکتاپ یا لپ تاپ ها است. شکی نیست که محاسبات تلفن همراه تغییر کرده است که مردم محتوای آنلاین را مصرف می کنند، بدین معنی که تغییر کرده است که ما باید وب سایت هایی را برای مخاطبان متمرکز به محدوده تلفن همراه طراحی کنیم.
ساخت یک مخاطب تلفن همراه
ایجاد "وب سایت های دوستانه تلفن همراه" برای بسیاری از سالها به عنوان یک حرفه ای برای حرفه ای وب اهمیت دارد. تمرین هایی مانند طراحی وب پاسخگو با هدف کمک به ایجاد سایت هایی که به خوبی برای همه دستگاه ها کار می کنند و تمرکز بر عملکرد وب سایت و سرعت دانلود سریع به نفع همه کاربران، تلفن همراه و غیره است. یک رویکرد دیگر به سایت های دوستانه همراه به عنوان توسعه وب AMP شناخته شده است که برای صفحات سریع صفحات تلفن همراه است.
این پروژه که توسط گوگل پشتیبانی می شود، به عنوان یک استاندارد باز شناخته شده به معنی اجازه دادن به ناشران وب سایت برای ایجاد سایت هایی است که سریع تر در دستگاه های تلفن همراه بارگیری می شود. اگر فکر میکنید که خیلی شبیه طراحی وبسایت پاسخگو است، اشتباه نکنید. این دو مفهوم به طور مشترک مشترک هستند، یعنی اینکه هر دو بر روی ارائه مطالب به کاربران در دستگاه های تلفن همراه تمرکز دارند. با این وجود تفاوت های زیادی بین این دو رویکرد وجود دارد.
تفاوت عمده AMP و طراحی وب پاسخگو
یکی از نقاط قوت طراحی وب پاسخگو همیشه انعطاف پذیری است که به سایت افزوده می شود. شما می توانید یک صفحه ایجاد کنید که به طور خودکار به اندازه صفحه نمایش بازدید کننده پاسخ می دهد. این به صفحه دسترسی شما و توانایی خدمت به یک تجربه خوب برای طیف گسترده ای از دستگاه ها و اندازه صفحه نمایش، از تلفن های همراه به قرص ها به لپ تاپ ها، دسکتاپ ها، و غیره می دهد. طراحی وب پاسخگو در تمام دستگاه ها و تجارب کاربر ، و نه فقط تلفن همراه متمرکز است. این هر دو در برخی موارد خوب است و در دیگران نیز بد است.
انعطاف پذیری در یک سایت فوق العاده است، اما اگر واقعا میخواهید بر روی تلفن تمرکز کنید، ایجاد یک سایت که بر روی تمام صفحات تمرکز می کند، به جای اینکه صرفا بر روی تلفن های همراه باشد، می تواند انعطاف پذیری تجاری را برای عملکرد تلفن همراه بهینه سازی کند. این نظریه AMP است.
AMP صرفا بر روی سرعت تمرکز دارد - یعنی سرعت موبایل. به گفته Malte Ubl، گوگل فن آوری برای این پروژه، AMP قصد دارد "ارائه فوری به محتوای وب را ارائه دهد." برخی از راه های این کار عبارتند از:
- بارگذاری تند و زننده
- استفاده از preconnect
- پیشفرض منابع
- Async جاوا اسکریپت
- ورق های سبک درونی
- هیچ فونت قابل دانلود نیست
- اولویت بندی منابع
این ها فقط برخی از مدیران هستند که بار AMP را به سرعت انجام می دهند . با این حال، برخی از مواردی که در لیست وجود دارد، ممکن است باعث ایجاد محدودیت زمانی برای متخصصان وب شود. برای مثال، ورق های سبک درونی . بسیاری از ما برای سالها گفته شده است که تمام سبک ها باید در ورق های سبک خارجی موجود باشند. قادر به سبک تعداد زیادی از صفحات سایت از یک ورق خارجی یکی از نقاط قوت CSS است - قدرت است که اگر صفحات از سبک های درون خطی استفاده می کنند به جای آن. بله، شما جلوگیری از نیاز به دانلود فایل خارجی، اما هزینه آن را قادر به مدیریت کل سایت با یک ورق سبک واحد. پس رویکرد بهتر است؟ واقعیت این است که هر دو آنها مزایا و معایب خود را دارند. وب دائما در حال تغییر است و افراد مختلفی که از سایت شما بازدید می کنند نیازهای متفاوت دارند. این امر بسیار دشوار است که قوانینی را که در همه موارد اعمال می شود، اعمال کنیم، زیرا رویکردهای متفاوت در موقعیت های مختلف حساس هستند. کلید این است که مزایا و معایب هر روش را محاسبه کنید تا تعیین کنید که کدامیک از موارد مورد نظر شما بهترین است.
یکی دیگر از تفاوت های کلیدی بین AMP و RWD این واقعیت است که طراحی پاسخگو به ندرت به یک سایت موجود اضافه می شود. از آنجایی که RWD واقعا یک بازنگری در مورد معماری و تجربه وب سایت است، به طور کلی نیاز به طراحی و طراحی مجدد سایت برای سازگاری با سبک های پاسخگو دارد. AMP می تواند به یک سایت موجود اضافه شود. در واقع، آن را حتی می تواند در یک سایت پاسخگو اضافه شده است.
ملاحظات جاوا اسکریپت
برخلاف سایت هایی با RWD، سایت های AMP با Javascript خوب بازی نمی کنند. این شامل اسکریپت 3rd حزب و کتابخانه ها است که امروزه در سایت های بسیار محبوب هستند. این کتابخانه ها می توانند قابلیت های باور نکردنی را به یک سایت اضافه کنند، اما همچنین بر عملکرد تاثیر می گذارد. به این ترتیب، این به این معنی است که یک رویکرد عمیقا در سرعت صفحه متمرکز شده، از فایلهای Javascript اجتناب میکند. به همین دلیل است که AMP اغلب بهتر از صفحات وب استاتیک استفاده می شود، در مقایسه با آنهایی که بسیار پویا هستند و یا کسانی که نیاز به جاوا اسکریپت خاص برای یک یا چند دلیل دارند. به عنوان مثال، یک گالری وب سایت که از تجربه سبکی "سبد" استفاده می کند، نامزد خوبی برای AMP نخواهد بود. از سوی دیگر، یک مقاله استاندارد وب سایت یا انتشار مطبوعاتی که نیازی به هیچ قابلیت فانتزی ندارد، یک صفحه عالی برای ارائه با AMP خواهد بود. این صفحه احتمالا توسط افرادی که از دستگاههای تلفن همراه استفاده میکنند و ممکن است پیوند را در رسانههای اجتماعی یا از طریق جستجوی Google Mobile ببینند، خوانده میشود. قادر به بلافاصله هنگامی که آن را درخواست می کند، آن محتوا را به جای کاهش سرعت دانلود در حالی که جاوااسکریپ غیر ضروری و سایر منابع بارگیری می شود، باعث می شود تجربه مشتری عالی باشد.
انتخاب راه حل مناسب
بنابراین برای شما مناسب است - AMP یا RWD؟ البته، البته، به نیازهای خاص خود بستگی دارد، اما شما لازم نیست یکی یا دیگری را انتخاب کنید. اگر ما می خواهیم استراتژی های آنلاین دقیق تر (و موفق تر) داشته باشیم، به این معنی است که ما باید همه ابزار موجود را در اختیار ما قرار دهیم و یاد بگیریم که چگونه با هم کار خواهند کرد. شاید این بدان معنی است که سایت شما پاسخگو باشد، اما با استفاده از AMP در بخش های انتخابی یا صفحاتی که ممکن است برای آن سبک طراحی مناسب باشد. همچنین می تواند به معنای گرفتن جنبه های روش های مختلف و ترکیب آنها برای ایجاد راهحل های ترکیبی که نیازهای خاصی را برآورده می کنند و بهترین بینندگان را به بازدیدکنندگان سایت ارائه دهد.