اهمیت AMP در سرعت صفحات سایت

AMP در طراحی سایت

یکی از نکات بسیار مهمی که باید در طراحی سایت در نظر داشته باشیم توجه به سرعت سایت است،

امروزه با توجه به افزایش قابل توجه مخاطبان موبایل و گوشی های هوشمند یک نکته بسیار واضح میشود و آن اینکه آینده دنیای وب متعلق به موبایل های هوشمند است،

بنابراین باید برای رفع مشکل سرعت سایت در موبایل ها به دنبال راه حلی بود،

به دلیل اهمیت این موضوع، گوگل فریم ورکی به نام AMP که مخفف Accelerated Mobile Pages به معنی “افزایش سرعت لود صفحات وب در موبایل” است را به سرویس های خود اضافه کرده است،

AMP‌ یک فریم ورک متن باز است که برای حل مشکل سرعت در موبایل به وجود آمده است،

کاربران می توانند با استفاده از این فریم ورک در جهت افزایش سرعت بارگذاری صفحات سایت در موبایل، سایت هایی که حجم بالایی از لحاظ متنی یا گرافیکی دارند را با سرعت بالایی مشاهده نمایند،

برخی از مزایای AMP این است که:

– صفحات AMP از صفحات عادی بسیار سبک تر هستند و بر روی موبایل با سرعت زیادی بارگذاری می شوند،

– علاوه بر کم حجم و سریع بودن صفحات امپ، گوگل برای صفحات AMP سرور کش اختصاصی در نظر می گیرد و صفحات امپ را بر روی آن کش میکند و بدین ترتیب سرعت بارگذاری صفحات بیشتر می شود،

AMP دارای قوانین و استانداردهایی است که باعث شده تا سریع تر از سایت های مرسوم باشد، در ادامه به برخی از آنها اشاره می کنیم؛

صفحات در یک لحظه بارگذاری می شوند؛

منابع صفحه مورد استفاده کاربر واکشی اولیه میشود و این موضوع تاثیر مهمی در سرعت دارد، یعنی اجزایی که قبلا توسط کاربر مشاهده شده است برای استفاده های بعدی واکشی اولیه میشود،

منابع حتما دارای ابعاد باشند؛

عکس ها و آی فریم ها حتما باید دارای اندازه باشند تا AMP بتواند سایز آنها را قبل از دانلود بداند،

اجرای انیمیشن ها در پردازنده های گرافیکی؛

برخی انیمیشن ها نیاز دارند تا قالب بندی صفحه را تغییر دهند، در AMP به تغییر قالب بندی صفحه نیاز نیست و انیمیش ها در پردازنده گرافیکی اجرا میشوند در نتیجه سرعت افزایش پیدا میکند،

ایجاد اولویت بندی در لود منابع؛

AMP دانلود منابع صفحه را بهینه سازی میکند به طوری که اجزای مهم تر زودتر لود میشوند،

هیچ چیز نباید باعث توقف رندر شدن صفحه شود؛

AMP  بدون اهمیت به محتوای عناصر حارجی در آی فریم ها، آنها را در صفحه لود میکند،

لود فونت ها به صورت کارآمد؛

وب فونت ها میتوانند خیلی بزرگ باشند و گاهی تاثیر بدی بر روی سرعت سایت می گذارند، در حالت عادی مرورگرها  زمان زیادی صرف دانلود فونت ها میکنند، در AMP مرورگها برای دانلود فونت ها منتظر نمی مانند،

اسکریپت های نا همگام ؛

فقط اسکریپت هایی میتوانند در صفحه لود شوند که توسط خود AMP‌ با در نظر گرفتن سرعت آماده شده باشند، اسکریپت هایی مانند  توئیتر و یوتیوب، گوگل آنالیتیکز و فیس بوک از جمله این موارد هستند،

برای اینکه بتوانید سایتی را برای AMP استاندارد کنید باید بتوانید سایت را با استفاده از ابزارهای گوگل مانند Developer Tools با قوانین و استانداردهای طراحی AMP مجهز کنید،

اما سایتهای وردپرسی نیازی به این کار ندارند و از افزونه مورد نظر خود وردپرس استفاده می کنند،

چیزی که لازم است گفته شود آن است که AMP پارامتری برای ارزیابی صفحات در رتبه بندی نیست،

اما بر میزان حضور سایت در نتایج، تعداد کلیک در نتایج جستجو  و یا تجربه کاربری اثر می گذارد و به عبارت دیگر بر سئو سایت اثر می گذارد،

با توجه به مطالب گفته شده، طراحان سایت باید پیاده سازی اصولی AMP را در دستور کار خود قرار دهند.

 

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

More Reading:

  • wage

  • warm

  • warn

  • wash

  • weak

  • weapon

  • weather

  • weight

  • welcome

  • whatever