ایده گستر

ایده گستر


google AMP صفحات موبایل سریع

شنبه ۲۴ شهریور ۱۳۹۷     بازدید:  465
AMP یک کتابخانه منبع باز است که راه ساده ای برای ایجاد صفحات وب است که مجاز، صاف و بار را به صورت مجتمع برای کاربران بلافاصله فراهم می کند. صفحات AMP فقط صفحات وب هستند که می توانید به آن ها پیوند داشته باشید و آنها را کنترل کنید. AMP بر روی مجموعه مهارت های موجود و چارچوب های خود برای ایجاد صفحات وب ایجاد می کند. AMP توسط بسیاری از سیستم عامل های مختلف پشتیبانی می شود و در مرورگرها سازگار است. ; اکوسیستم AMP شامل 25 میلیون دامنه، 100+ ارائه دهندگان فناوری و سیستم عامل های پیشرو است که در زمینه های چاپ و نشر، تبلیغات، تجارت الکترونیک، کسب و کارهای محلی و کوچک و غیره قرار دارد. صفحه AMP با 3 هسته اصلی ساخته شده است: AMP HTML: AMP HTML اساسا HTML را با خواص AMP سفارشی گسترش می دهد. ساده ترین فایل HTML AMP به نظر می رسد این است: <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body>Hello World!</body> </html> گرچه اکثر تگ ها در یک صفحه HTML AMP تگ های HTML معمولی هستند، برخی از تگ های HTML با تگ های خاص AMP جایگزین می شوند (همچنین برچسب های HTML در مشخصات AMP را مشاهده کنید). این عناصر سفارشی، به نام اجزاء HTML AMP، باعث می شود که الگوهای رایج به شیوه ای سازگار اجرا شوند. ; برای مثال، برچسب amp-img پشتیبانی کامل از srcset را حتی در مرورگرهایی که هنوز آن را پشتیبانی نمی کند پشتیبانی می کند. یاد بگیرید چگونه اولین صفحه HTML AMP خود را ایجاد کنید. ; صفحات AMP توسط موتورهای جستجو و سکوهای دیگر از طریق برچسب <link rel = ""> HTML کشف می شوند. شما می توانید انتخاب کنید که نسخه غیر AMP و نسخه AMP صفحه خود، و یا فقط یک نسخه AMP.; AMP JS: کتابخانه AMP JS رندر سریع صفحات HTML AMP را تضمین می کند. کتابخانه AMP JS همه کارهای AMP را اجرا می کند، بارگذاری منابع را مدیریت می کند و برچسب های سفارشی که در بالا ذکر شده است را به شما می دهد، همه این ها برای اطمینان از رندر سریع صفحه خود است. ; در میان بزرگترین بهینه سازی ها این واقعیت است که همه چیز را از منابع خارجی به صورت یکنواخت به وجود می آورد، بنابراین هیچ چیز در صفحه نمی تواند هر چیزی را از رندر مسدود کند. ; سایر تکنیک های عملکرد شامل sandboxing از تمام فریم ها، قبل از محاسبه طرح هر عنصر در صفحه قبل از منابع بارگذاری شده و غیر فعال کردن انتخابگرهای CSS آهسته است. AMP Cache: حافظه گوگل AMP را می توان برای خدمت به صفحات HTML AMP ذخیره کرد. Google AMP Cache یک شبکه تحویل محتوا مبتنی بر پروکسی برای ارائه تمام اسناد AMP معتبر است. آن صفحات HTML AMP را برداشت، آنها را پنهان می کند و به طور خودکار عملکرد صفحه را بهبود می بخشد. هنگام استفاده از حافظه گوگل AMP، سند، تمام فایل های JS و تمام تصاویر بارگیری شده از همان مبدا است که با استفاده از HTTP 2.0 برای حداکثر کارایی. ; همچنین کش دارای سیستم اعتبار سنجی ساخته شده است که تایید می کند که این صفحه برای کار تضمین شده است و به منابع خارجی وابسته نیست. سیستم اعتبارسنجی، مجموعه ای از اظهارات را تایید می کند که نشانه گذاری صفحه با مشخصات HTML AMP مطابقت دارد. ; نسخه دیگری از اعتبار سنج همراه با هر صفحه AMP همراه است. این نسخه می تواند خطاهای اعتبارسنجی را مستقیما به کنسول مرورگر وارد کند، در حالی که صفحه نمایش داده می شود، به شما این امکان را می دهد تا ببینید که چگونه تغییرات پیچیده در کد شما ممکن است تاثیر و عملکرد کاربر را تحت تاثیر قرار دهد. ; AMP به لطف همکاری عمیق با هزاران نفر از توسعه دهندگان، ناشران و وب سایت ها، پلت فرم های توزیع و شرکت های فن آوری ساخته شده است. بیش از 1.5B صفحه AMP تا به امروز منتشر شده است و 100+ تحلیلگر برجسته، تکنسین های تبلیغاتی و ارائه دهندگان CMS از فرمت AMP پشتیبانی می کنند.
بازگشت به وبلاگ