به کمک فناوری AMP میتوان وبسایتهای ساده را در موبایل سریعتر بارگذاری کرد. یکی از ویژگیهایی که این کار را برای AMP ممکن میسازد کاهش استفاده از کدهای JavaScript و CSS است. در واقع این فریمورک با استفاده از HTML به ایجاد صفحات کمحجم کمک میکند.
مزایای استفاده از AMP
استفاده از این بستر مزیتهای زیای دارد که از مزایای AMP میتوان به موارد زیر اشاره کرد:
- کمک به سئوی سایت و بهبود جایگاه آن در صفحه نتایج جستجو
استفاده از AMP توجه کاربر را به خود جلب میکند. چراکه در صفحه نتایج جستجوی گوگل در موبایل، کنار صفحاتی که از فناوری amp استفاده میکنند علامتی ظاهر میشود که نشان از سرعت بالای لود وبسایت دارد. بنابراین کاربر ترجیح میدهد به سراغ آن وبسایت برود و همین امر به سئو (SEO) سایت کمک میکند. شما می توانید برای تحلیل سرعت سایت خود از ابزار gtmetrix استفاده کنید.
به علاوه، گوگل یک فهرست نتایج مجزا برای موبایل دارد و در آن سرعت بارگذاری صفحات در دستگاههای تلفن همراه را به عنوان یکی از معیارهای اصلی رتبه بندی قرار داده است.
- نرخ خروج کمتر
افزایش قابلیتهای وبسایت در موبایل و سرعت بارگذاری محتوای وبسایت، نرخ خروج سایت شما را به طرز چشمگیری کاهش خواهد داد. اگر کاربری وارد یک سایت شود و اطلاعات آن با تأخیر چند ثانیهای نمایش داده شوند، شک نکنید که به سرعت بر روی back کلیک میکند و به سراغ سایت دیگری میرود. به این ترتیب نرخ خروج سایت شما افزایش یافته و این تأثیر بسیار بدی بر رتبه سایتتان خواهد داشت. در مقابل، AMP میتواند به نگهداشتن کاربر در وبسایت شما کمک کند.
- قابلیت تنظیم بر روی همه مرورگرها
یکی از مزیتهای AMP قابلیت تنظیم آن بر روی همه مرورگرهاست. به این معنی که سایتهای دارای این قابلیت، در همه مرورگرها میتوانند از مزیتها و امکانات عالی آن بهرهمند شوند و از این نظر محدودیتی وجود ندارد.
- عدم نیاز به ایجاد سایت مپ
اگر صفحات AMP ایجاد کردید نیازی به ایجاد سایت مپ XML نخواهید داشت.
- مصرف بهینه دادهها
AMP به کاربران اجازه میدهد تا بدون نیاز به اپ استور، وبسایت را به عنوان یک اپلیکیشن در صفحه اصلی موبایل خود نصب کنند.
AMP چگونه سرعت وبسایتها را افزایش میدهد؟
طبق گفته وبسایت رسمی amp، این افزونه با 8 روش بر سرعت صفحات وب در دستگاههای تلفن همراه اثر میگذارد که عبارتاند از:
- اجرای جاوا اسکریپتها در زمانهای متفاوت
با اینکه جاوا اسکریپت زبان بسیار قدرتمندی است و به کمک آن میتوان صفحه را به هر شکل که بخواهیم تنظیم کنیم، اما یک مشکل دارد و آن این است که ساختارهای DOM را بلاک میکند و باعث کند شدن صفحه میشود. AMP برای رفع این مشکل، فقط به جاوا اسکریپتهای غیرهمزمان اجازه اجراشدن میدهد.
- اندازهگیری آماری منابع خارجی
منابع خارجی مانند تصاویر، تبلیغات یا iframe ها باید اندازهشان را در HTML مشخص کنند تا AMP قبل از دانلود آنها قادر به تشخیص جایگاه و اندازه هر کدام باشد.
AMP ابتدا و قبل از دانلود منابع دیگر، قالب کلی صفحه را لود میکند. برای لود شدن فونتهای صفحه فقط یک request HTML لازم است.
- اجازه نمیدهد مکانیسم افزونهها سد راه لود شدن صفحه شوند
با اینکه amp به افزونهها اجازه فعال شدن میدهد، اما در واقع درخواستهای HTTP ناشی از آنها باعث مسدود شدن قالب صفحه و افت سرعت لود آن نمیشوند. این کار با استفاده از تگهای سفارشی که توسط AMP ساخته میشود انجام میگیرد.
https://khanomsin.ir/how-to-support-the-site/
- دور نگهداشتن جاوا اسکریپت از مسیرهای مهم
جاوا اسکریپتها تمایل دارند همزمان با هم لود شوند. صفحاتی که AMP باشند فقط در iframe های sandbox به جاوا اسکریپتها اجازه لود شدن میدهند. به این ترتیب عملکرد صفحه اصلی مختل نخواهد شد. در واقع با محدود کردن جاوا اسکریپتها در iframe های سندباکس شده، دیگر جاوا اسکریپتها نمیتوانند عملکرد صفحه اصلی را مختل کنند.
- همه CSS ها باید از نظر اندازه محدود و در خط باشند
بلوکهای CSS معمولاً حافظه زیادی استفاده کرده و در نتیجه سرعت لود صفحه را کند میکنند. در صفحات HTML AMP فقط مدلهای درونخطی CSS اجازه لود شدن دارند. این مدلها حداکثر 50 کیلوبایت حجم دارند و این در حالی است که این میزان حجم بیشتر در صفحات خیلی پیچیده دیده میشود؛ بنابراین با این حال هم چنان باید تلاش شود تا کدهای CSS تمیز و مرتب نوشته شوند و از شلوغی و حجم بالای آنها کاسته شود.
- اجرای فونتها باید بهینه شوند
فونتهای وب بسیار بزرگاند؛ از همین رو بهینهسازی فونت وب حتماً باید انجام شود. در یک صفحه معمولی، مرورگر صبر میکند تا فونتها دانلود شوند. اما سیستم AMP اجازه نمیدهد تا زمانی که فونتها شروع به دانلود نشدهاند دستورات HTTP صادر شوند.
- فقط انیمیشنهای GPU-accelerated را فعال میکند
تنها راه برای بهینهسازیهای سریع این است که آنها را در قالب GPU به کار بیندازیم.
- اولویت را به لود شدن منابع میدهد
AMP دانلود همه منابع را کنترل میکند؛ اولویت را به لود شدن منابع میدهد و از میان آنها نیز فقط آنچه را نیاز است لود میکند.
- ۰ ۰
- ۰ نظر