amp چیست؟ و چرا داشتن آن مزیتی برای وب سایت شماست

از آنجا که راه اندازی آن نه تنها تعداد صفحات AMP را افزایش داده است ، بلکه سرعت آنها نیز افزایش یافته است ، مدت زمان متوسط ​​برای بارگیری amp چیست؟  یک صفحه AMP برای جستجوی Google اکنون کمتر از نیم ثانیه است. AMP منجر به افزایش ۱۰٪ در ترافیک وب سایت با amp چیست؟ ۲ برابر افزایش در زمان صرف شده در صفحه می شود. وب سایت های تجارت الکترونیکی که از AMP استفاده می کنند ، ۲۰٪ افزایش در فروش و تبدیل را نسبت به صفحات غیر AMP تجربه می کنند: عکس صفحه نمایش نشان می دهد ایران هاست که با تجربه مرور سریع چقدر نرخ تبدیل افزایش یافته است AMP به مشاغل کمک می کند تا نسخه های ساده و تمیز و مرتبط با صفحات وب خود را ایجاد کنند و به کاربران تجربه سریعتر وب در تلفن همراه را ارائه دهند. Chartbeat داده های ۳۶۰ وب سایت با استفاده از AMP را از ژوئن ۲۰۱۶ – ماه مه ۲۰۱۷ تجزیه و تحلیل کرد تا دریابد که یک ناشر معمولی که از صفحات AMP استفاده می کند ، ۱۶٪ از کل ترافیک تلفن همراه را در محتوای AMP خود مشاهده کرده است.

amp چیست؟ و چرا داشتن آن مزیتی برای وب سایت شماست

صفحات AMP تقریباً چهار برابر سریعتر amp چیست؟  از صفحات وب استاندارد هستند ، به علاوه کاربران ۳۵٪ بیشتر با صفحات AMP نسبت به صفحات وب استاندارد همراه دارند: تصویر نشان می دهد که چگونه با گذشت سریع از مرور ، زمان جذابیت افزایش می یابد اکنون که می دانیم چرا باید از صفحات AMP استفاده کنید ، بیایید نگاهی به نحوه عملکرد AMP ، چگونگی مقایسه آن با طراحی وب پاسخگو ، مقالات فوری فیس بوک و برنامه های وب پیشرفته بیاندازیم. ۳ جزء اصلی AMP صفحات AMP با سه جزء اصلی زیر ساخته شده اند: AMP HTML AMP HTML در اصل HTML است با محدودیت هایی برای عملکرد قابل اعتماد. ساده ترین پرونده AMP HTML به شرح زیر است: تصویر نشان می دهد که چگونه تگ AMP HTML کار می کند

amp چیست؟ و چرا داشتن آن مزیتی برای وب سایت شماست

اکثر برچسب ها در AMP HTML برچسب های HTML معمولی هستند amp چیست؟ ، با این حال برخی از برچسب های HTML با برچسب های اختصاصی AMP جایگزین می شوند. این برچسب های سفارشی به مؤلفه های AMP HTML گفته می شوند و آنها را با استفاده از الگوی تگ های متداول به روش اجرا می کنند. صفحات AMP توسط موتورهای جستجو و سیستم عامل های دیگر با برچسب HTML کشف می شوند. می توانید یک نسخه غیر AMP و یک نسخه AMP از صفحه خود یا فقط یک نسخه AMP انتخاب کنید. AMP JavaScript (JS) کتابخانه AMP JS ضبط سریع صفحات AMP HTML را تضمین می کند. کتابخانه JS تمام بهترین عملکردهای AMP نظیر CSS درون خطی و ایجاد فونت را پیاده سازی می کند ، amp چیست؟  این بارگذاری منابع را مدیریت می کند و برچسب های HTML دلخواه را برای اطمینان از رندر سریع صفحه به شما می دهد. AMP JS همه چیز را از منابع خارجی غیر همزمان می کند ، به طوری که هیچ چیزی در صفحه نمی تواند مانع از ارائه شود. JS همچنین از سایر تکنیک های عملکردی مانند sandboxing کردن همه iframes ها ، پیش محاسبه طرح هر عنصر صفحه قبل از بارگیری منابع و غیرفعال کردن انتخاب های CSS کند استفاده می کند. حافظه نهان AMP حافظه نهان گوگل AMP برای خدمت به صفحات ذخیره شده AMP HTML استفاده می شود. AMP Cache یک شبکه تحویل محتوا مبتنی بر پروکسی است که برای تحویل کلیه اسناد معتبر AMP استفاده می شود. حافظه نهان صفحات AMP HTML را ذخیره می کند ، آنها را ذخیره می کند و به طور خودکار عملکرد صفحه را بهبود می بخشد. برای حفظ حداکثر کارآیی حافظه نهان AMP ، فایل ، JS و کلیه تصاویر را از همان منشاء استفاده شده از HTTP 2.0 بارگیری می کند. AMP Cache دارای یک سیستم اعتبار سنجی داخلی است که تأیید می کند که یک صفحه تضمین شده است و این به نیروهای خارجی وابسته نیست که بتوانند صفحه را کند کنند. amp چیست؟ سیستم اعتبارسنجی بر روی یک سری ادعاها کار می کند که تأیید می کند که نشانه گذاری صفحه با مشخصات AMP HTML مطابقت دارد. نسخه اضافی از سیستم اعتبارسنجی در کنار هر صفحه AMP در دسترس است. این نسخه قادر است هنگام ارائه صفحه ، خطاهای اعتبارسنجی را مستقیماً وارد کنسول مرورگر کند ، این امکان را برای شما فراهم می کند تا تغییرات پیچیده ای را در کد خود مشاهده کنید که می تواند تاثیری در عملکرد و تجربه کاربر داشته باشد.

amp چیست؟ و چرا داشتن آن مزیتی برای وب سایت شماست

سه مؤلفه اصلی AMP در یونیسون کار می کنند تا امکان بارگذاری سریع صفحات فراهم شود. در بخش بعدی هفت روش بهینه سازی که برای ساخت سریع صفحات AMP ترکیب شده اند ، برجسته خواهد شد. کلیه جاوا اسکریپت AMP بصورت غیر همزمان اجرا می شود جاوا اسکریپت می تواند هر جنبه ای از صفحه را تغییر دهد ، این قدرت را دارد که ساخت DOM را مسدود کند و رندر صفحه را به تاخیر بیاندازد – هر دو عامل منجر به کند شدن صفحه می شوند. برای اطمینان از جاوا اسکریپت تاخیر در ارائه صفحه ، AMP فقط به JavaScript ناهمزمان اجازه می دهد. صفحات AMP شامل جاوا اسکریپت نویسنده نویسنده نیست ، در عوض تمام ویژگی های صفحه تعاملی توسط عناصر AMP سفارشی اداره می شوند. این عناصر AMP سفارشی ممکن است شامل JavaScript باشد ، اما آنها به دقت طراحی شده اند تا اطمینان حاصل شود که هیچ تخریب عملکردی را آغاز نمی کند. AMP جاوا اسکریپت شخص ثالث را در iframes انجام می دهد ، اما نمی تواند صفحه را مسدود کند. کلیه منابع بصورت ایستا اندازه می گیرند کلیه منابع خارجی مانند تصاویر ، iframe ها و تبلیغات باید اندازه HTML خود را بیان کنند تا AMP بتواند اندازه و موقعیت هر عنصر را قبل از بارگیری منابع صفحه تعیین کند. AMP طرح صفحه را بارگذاری می کند بدون اینکه منتظر بمانید که هیچ منبعی را بارگیری کنید. AMP توانایی جدا کردن طرح اسناد را از طرح اندازه دارد ، فقط برای درخواست طرح کامل HTTP یک درخواست HTTP لازم است. از آنجا که ، AMP به منظور جلوگیری از هرگونه طرح بندی سبک و محاسبات مجدد در مرورگر بهینه شده است ، در صورت بارگذاری منابع صفحه ، هیچ گونه طرح بندی مجدد وجود ندارد. مکانیسم های افزودنی ارائه را مسدود نمی کنند اجازه نمی دهد که مکانیسم های افزودنی مسدود شود و صفحه را مسدود کند ، از الحاقاتی برای عناصری از قبیل جعبه های سبک و تعبیه رسانه های اجتماعی پشتیبانی می کند ، و در حالی که این موارد به درخواست HTTP اضافی نیاز دارند ، مانع از ایجاد صفحه و ارائه نمی شوند. اگر یک صفحه از یک اسکریپت سفارشی استفاده می کند ، باید به سیستم AMP بگوید که در نهایت یک برچسب سفارشی خواهد داشت ، AMP سپس برچسب لازم را ایجاد می کند تا صفحه کند نشود. به عنوان مثال ، اگر برچسب amp-iframe به AMP بگوید یک تگ amp-iframe وجود خواهد داشت ، AMP سپس جعبه iframe را ایجاد می کند قبل از آنکه بداند چه مواردی را شامل می شود. همه جاوا اسکریپت شخص ثالث از مسیر بحرانی خارج می شوند شخص ثالث JavaScript از بارگیری همزمان JS استفاده می کند ، این باعث می شود زمان بار شما کاهش یابد. صفحات AMP به JavaScript شخص ثالث اجازه می دهد اما فقط در برنامه های جعبه ای ماسهبازی ، با این کار بارگذاری JavaScript نمی تواند مانع اجرای صفحه اصلی شود. حتی اگر جاوا اسکریپت sandboxed با محاسبه دوباره محاسبه های سبک چندگانه باشد ، iframe های کوچک آنها DOM بسیار کمی دارند. محاسبه مجدد iframe در مقایسه با سبک های محاسبه مجدد و طرح بندی صفحه بسیار سریع انجام می شود. CSS باید درون خط و اندازه باشد CSS رندر را مسدود می کند ، همچنین تمامی بار صفحه را مسدود می کند ، و تمایل به ایجاد نفخ دارد. AMP HTML فقط به سبک های درون خطی اجازه می دهد ، این ۱ یا بیشتر درخواست های HTTP را از مسیر ارائه انتقادی به اکثر صفحات وب حذف می کند. ورق سبک درون خطی باید حداکثر اندازه ۷۵ کیلوبایت باشد ، اگرچه این برای صفحات بسیار پیشرفته به اندازه کافی بزرگ است ، اما همچنان به نویسنده صفحه نیاز دارد تا بهداشت CSS خوبی را انجام دهد. تحریک قلم کارآمد است بهینه سازی قلم وب برای بارگذاری سریع بسیار مهم است زیرا قلم های وب به طور معمول از نظر اندازه بزرگ هستند. در یک صفحه معمولی که شامل چند اسکریپت همگام سازی و چند صفحه سبک خارجی است ، مرورگر منتظر است تا بارگیری همه اسکریپت ها قلم ها را بارگیری کند.

amp چیست؟ و چرا داشتن آن مزیتی برای وب سایت شماست

چارچوب AMP تا زمانی که همه فونت ها شروع به بارگیری کنند ، درخواست های صفر HTTP را اعلام نمی کند. این امر تنها به این دلیل امکان پذیر است که تمام JavaScript در AMP دارای ویژگی async می باشد و فقط برگه های درون خطی مجاز هستند ، هیچ درخواست HTTP وجود ندارد که مرورگر را از بارگیری قلم ها باز دارد. محاسبات سبک به حداقل می رسد در صفحات AMP ، تمام خوانده شده های DOM قبل از همه نوشتن ها amp چیست؟  اتفاق می افتد ، این اطمینان می دهد که فقط یک محاسبه مجدد سبک در هر فریم وجود دارد – بنابراین هیچ تأثیر منفی در عملکرد رندر صفحه ندارد. فقط انیمیشن های شتاب GPU را اجرا می کنید برای اجرای بهینه سازی سریع باید آنها را در GPU اجرا کنید. GPU به صورت لایه ای کار می کند ، می داند چگونه برخی از کارها را در این لایه ها انجام دهد – لایه ها را می توان منتقل کرد و محو شد. اما ، هنگامی که GPU نمی تواند طرح صفحه را بروزرسانی کند ، این کار را به مرورگر می دهد و این برای بارگذاری صفحه مناسب نیست. قوانین مربوط به CSS مربوط به انیمیشن تضمین می کند که انیمیشن می تواند GPU را تسریع کند ، این بدان معنی است که AMP فقط امکان انیمیشن و انتقال در تبدیل و کدورت را فراهم می کند تا به صفحه مورد نیاز نباشد.   بارگذاری منابع در اولویت قرار دارد AMP تمام بارگذاری منابع را کنترل می کند ، بارگذاری منابع را در اولویت قرار می دهد و فقط آنچه مورد نیاز است را بارگیری می کند و تمام منابع دارای تنبلی را از پیش می گیرد. هنگامی که AMP منابع را بارگیری می کند ، بارگیری ها را بهینه می کند ، بنابراین ابتدا مهمترین منابع بارگیری می شود. همه تصاویر و تبلیغات تنها در صورتی بارگیری می شوند که احتمالاً توسط کاربر مشاهده می شود ، در صورتی که بالای صفحه باشد ، یا اگر بازدید کننده احتمالاً آنها را حرکت می دهد. AMP همچنین توانایی پیشبرد منابع بارگذاری شده با تنبلی را دارد ، این منابع در اسرع وقت بارگیری می شوند ، اما در اسرع وقت پیشبرد می شوند. به این ترتیب همه چیز خیلی سریع بارگیری می شود ، اما CPU فقط در صورت نمایش منابع به کاربران استفاده می شود. فوراً بارگیری صفحات API قبل از اتصال AMP جدید به شدت مورد استفاده قرار می گیرد تا اطمینان حاصل شود که درخواست های HTTP در سریع ترین زمان ممکن به محض ساخته شدن امکان پذیر هستند. به همین دلیل قبل از اینکه کاربر صریحاً اظهار کند که مایل به حرکت به آن است ، صفحه ارائه می شود ، ممکن است amp چیست؟ این صفحه تا زمانی که کاربر واقعاً آن را مشاهده کرده باشد ، در دسترس باشد و بار فوری بار صفحه را ایجاد کند. AMP بهینه شده است که هنگام پیش نمایش محتوای وب از پهنای باند و CPU استفاده نکنید. هنگامی که اسناد AMP برای بارگذاری فوری از قبل ارائه می شوند ، amp چیست؟  منابع واقعاً برابر بار بارگیری می شوند ، و منابعی که ممکن است از CPU زیادی استفاده کنند ، مانند برنامه های شخص ثالث ، برنامه های iframes بارگیری نمی شوند. همچنین می توانید از فیلم زیر برای یافتن ‘۷ راه AMP سریع صفحات شما استفاده کنید. http://porschi.ir/q/%d8%a7%d9%86%d8%a8%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%87-%da%86%db%8c%d8%b3%d8%aa-%d9%88-%d9%87%d8%b1-%d8%a2%d9%86%da%86%d9%87-%d8%a8%d8%a7%db%8c%d8%b3%d8%aa%db%8c-%d8%af%d8%b1-%d9%85%d9%88%d8%b1%d8%af/

پیشفرض پرسیده 1 هفته قبل در عمومی.
ارسال دیدگاه
0 پاسخ

پاسخ شما

با ارسال پاسخ شما با تمامی سیاست حفظ حریم خصوصی و قوانین و مقررات موافقت میکنید