صفحات موبایل شتاب (AMP) یک چارچوب HTML منبع باز است که توسط گوگل با همکاری توییتر توسعه یافته است. هدف این پروژه این است که محتوای وب را سریعتر و کاربرپسندتر برای کاربران تلفن همراه کند و یک تجربه مرور کارآمد و کارآمد را ارائه دهد. AMP این کار را با ارائه صفحات وب در قالبی ساده و در عین حال کارآمد، کاهش زمان بارگذاری و افزایش تعامل کاربر انجام می دهد.
پیدایش و ظهور صفحات موبایلی شتاب یافته
پروژه Accelerated Mobile Pages برای اولین بار توسط گوگل در اکتبر 2015 اعلام شد. گوگل با مجموعه ای از ناشران، شرکت های فناوری و پلتفرم ها از جمله Twitter، Pinterest، LinkedIn و WordPress.com همکاری کرد تا استانداردی جدید و سریعتر برای موبایل ایجاد کند. محتوای وب.
هدف اصلی مبارزه با تجربه وب به طور فزاینده و کندی برای کاربران تلفن همراه بود. ایده این بود که عناصر غیر ضروری را حذف کنیم و سرعت را در اولویت قرار دهیم، همه اینها بدون قربانی کردن عملکردی که کاربران انتظار داشتند. تا فوریه 2016، AMP در نتایج جستجوی موبایل گوگل ادغام شد و اولین رسمی خود را نشان داد.
در حال گسترش در صفحات موبایل شتاب داده شده
در هسته خود، Accelerated Mobile Pages یک نسخه حذف شده از HTML معمولی است. AMP از مجموعه خاصی از فناوری های وب برای ارائه صفحات وب استفاده می کند که بر سرعت و خوانایی برای کاربران تلفن همراه تمرکز دارد. از سه جزء اصلی تشکیل شده است: AMP HTML، AMP JS (جاوا اسکریپت) و AMP Cache.
AMP HTML زیرمجموعه ای از HTML با برخی تگ ها و ویژگی های سفارشی است. این شامل چندین عنصر سفارشی داخلی است که به بهبود عملکرد کمک می کند، مانند amp-img برای تصاویر و amp-video برای فیلم ها.
AMP JS مدیریت منابع و بارگذاری ناهمزمان را با هدف ارائه سریعترین رندر صفحه مدیریت می کند. این فقط به جاوا اسکریپت ناهمزمان اجازه می دهد و اطمینان می دهد که هیچ اسکریپتی مسیر رندر را مسدود نمی کند.
AMP Cache، ارائه شده توسط Google، صفحات AMP HTML ذخیره شده را ارائه می دهد. کش با یک سیستم اعتبار سنجی داخلی ارائه می شود که تأیید می کند آیا صفحه با معیارهای AMP مطابقت دارد یا خیر، که اطمینان و سرعت را تضمین می کند.
عملکرد درونی صفحات موبایل شتاب یافته
صفحات موبایل تسریع شده از یک چارچوب ساده HTML استفاده می کنند و عناصر خاص HTML، CSS و جاوا اسکریپت را که اغلب مسئول زمان بارگذاری صفحه کندتر هستند، محدود می کند. AMP از بارگذاری تنبل استفاده می کند، که به کاربر اجازه می دهد فقط محتوای ضروری را زمانی که یک صفحه وب را باز می کند بارگیری کند، بنابراین سرعت تحویل محتوا را بهبود می بخشد.
در سیستم AMP، جاوا اسکریپت به حداقل ممکن می رسد. جاوا اسکریپت شخص ثالث در عناصر AMP سفارشی مجاز نیست، که به جلوگیری از مسدود کردن رندر کمک می کند. در عوض، محتوای تعاملی در عناصر AMP سفارشی مدیریت میشود. CSS در AMP نیز به صورت خطی و محدود به اندازه است و در نتیجه دادههای کمتری قابل واکشی است.
AMP Cache نیز نقش مهمی ایفا می کند. هنگامی که یک کاربر یک صفحه AMP درخواست می کند، از Google AMP Cache بازیابی می شود که به طور خودکار عملکرد صفحه را بهبود می بخشد.
ویژگی های کلیدی صفحات موبایل شتاب دهنده
-
سرعت و عملکرد: صفحات AMP سریعتر از صفحات استاندارد موبایل بارگیری می شوند و تجربه کاربری یکپارچه را ارائه می دهند.
-
بهینه سازی موتور جستجو: صفحات دارای AMP توسط الگوریتم موتور جستجوی گوگل مورد توجه قرار می گیرند و در نتیجه در صفحات نتایج موتورهای جستجو (SERP) دیده می شوند.
-
تعامل و کسب درآمد: بارگذاری سریعتر صفحه منجر به تعامل بیشتر کاربر، نرخ پرش پایینتر و بهبود دید آگهی میشود.
-
تجزیه و تحلیل: AMP از طیف گسترده ای از تجزیه و تحلیل، شبکه های تبلیغاتی، و فناوری ها، همراه با تمهیداتی برای جمع آوری، تجزیه و تحلیل و عمل بر روی داده های کاربر پشتیبانی می کند.
انواع صفحات موبایل تسریع شده
انواع مختلفی از AMP وجود ندارد، بلکه پیاده سازی های متفاوتی از AMP در انواع محتوا و پلتفرم های مختلف وجود دارد. چند نمونه عبارتند از:
- وب سایت های AMP: وب سایت های استاندارد به طور کامل با AMP HTML برای سرعت و عملکرد ساخته شده اند.
- داستان های AMP: قالب داستان سرایی تصویری برای وب باز، که قابل لمس، جذاب و غوطه ور هستند.
- تبلیغات AMP: تبلیغات ساخته شده با بارگیری AMP سریعتر، تجربه کاربر و عملکرد تبلیغات را بهبود می بخشد.
- ایمیل AMP: ایمیلهای تعاملی و بیدرنگ با استفاده از چارچوب AMP.
استفاده، مشکلات و راه حل ها
AMP عمدتاً توسط ناشران خبری، سایتهای تجارت الکترونیک و پلتفرمهای تبلیغاتی برای ارائه تجربیات سریع و جذاب در دستگاههای تلفن همراه استفاده میشود. با این حال، AMP به دلیل ساده سازی بیش از حد صفحات، عملکرد محدود در مقایسه با وب سایت های کامل و وابستگی به زیرساخت های گوگل مورد انتقاد قرار گرفته است.
گوگل برای رفع این مشکلات، بهبود مستمری را در چارچوب AMP انجام داده است، از جمله افزودن اجزای بیشتر برای افزایش عملکرد و ایجاد تعادل بهتر بین سرعت و قابلیت استفاده.
مقایسه با فناوری های مشابه
ویژگی | AMP | صفحات معمولی موبایل | طراحی وب سایت ریسپانسیو |
---|---|---|---|
سرعت | بسیار بالا | در حد متوسط | بستگی به طراحی داره |
مزایای SEO | بالا | کم | در حد متوسط |
موبایل متمرکز | آره | خیر | آره |
تعامل | محدود | بالا | بالا |
وابستگی به گوگل | بالا | خیر | خیر |
چشم اندازها و فناوری های آینده
آینده AMP در حال حرکت به سمت انعطافپذیری و عملکرد بیشتر است و بهروزرسانیهای مستمر امکان تجربههای غنیتر و حفظ سرعت را فراهم میکند. برنامههای وب پیشرو (PWA) که تجربهای شبیه به برنامههای بومی را برای برنامههای وب به ارمغان میآورند، به طور فزایندهای AMP را برای «صفحههای ورودی» خود یکپارچه میکنند. ترکیبی از فناوریهای PWA و AMP نوید آیندهای از تجربههای وب با بارگذاری فوری و همهجانبه را میدهد.
AMP و سرورهای پروکسی
از سرورهای پروکسی مانند OneProxy می توان برای ارائه محتوای AMP استفاده کرد. این سرورها می توانند صفحات AMP را کش کرده و به کاربران تحویل دهند و زمان بارگذاری و عملکرد را بهبود بخشند. با این حال، اعتبارسنجی و بهینهسازی ارائه شده توسط Google AMP Cache وجود نخواهد داشت مگر اینکه به طور خاص اجرا شود.
لینک های مربوطه
برای اطلاعات بیشتر در مورد AMP:
این بررسی جامع از AMP به بررسی منشأ، عملکرد، برنامهها و آینده آن میپردازد. همانطور که استفاده از اینترنت تلفن همراه همچنان در حال رشد است، نیاز به AMP احتمالاً افزایش مییابد و وب سریعتر و کاربرپسندتری برای همه فراهم میکند.