تاریخ : دوشنبه 14 مهر 1399 زمان : 9:20 | بازدید : 41
نویسنده : محمد محبوبی | لینک ثابت | نظرات (0)

 

اگر به ترافیک تجزیه و تحلیل چند سال گذشته وب سایت ها نگاهی بیندازید ، به احتمال زیاد متوجه خواهید شد که همه آنها دارای یک مورد مهم مشترک هستند - افزایش تعداد بازدیدکنندگانی که از کاربران در دستگاه های تلفن همراه می گیرند.

 

 

در سطح جهانی ، اکنون ترافیک وب بیشتری از دستگاه های تلفن همراه حاصل می شود تا آنچه که ما "دستگاه های سنتی" در نظر می گیریم ، که اساساً به معنای رایانه های رومیزی یا لپ تاپ است. تردیدی نیست که محاسبات موبایلی نحوه مصرف محتوای آنلاین را در افراد تغییر داده است ، به این معنی که در عوض ما باید وب سایت هایی را برای آن دسته از مخاطبان متمرکز بر تلفن همراه تغییر دهیم.

 

 

ایجاد مخاطب موبایل

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

 

این پروژه که توسط Google پشتیبانی می شود ، به عنوان یک استاندارد باز ایجاد شده است که به ناشران وب سایت اجازه می دهد تا سایتهایی با سرعت بیشتری در دستگاههای تلفن همراه ایجاد کنند. اگر فکر می کنید که این شباهت زیادی به طراحی وب پاسخگو دارد ، اشتباه نمی کنید. این دو مفهوم اشتراکات زیادی دارند ، یعنی اینکه هر دو بر روی ارائه محتوا به کاربران در دستگاه های تلفن همراه متمرکز هستند. تعدادی از تفاوت ها بین این دو رویکرد وجود دارد.

 

 

تفاوت های اساسی بین AMP و طراحی وب پاسخگو

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

 

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

 

 

AMP کاملاً روی سرعت متمرکز شده است - یعنی سرعت موبایل. طبق گفته Malte Ubl ، Google Tech Lead برای این پروژه ، AMP قصد دارد "ارائه فوری به محتوای وب" را ارائه دهد. برخی از روشهای انجام این کار عبارتند از:

 

تنبل بارگیری

با استفاده از اتصال مجدد

واکشی منابع

جاوا اسکریپت Async

ورق های سبک خطی

فونت قابل بارگیری نیست

اولویت بندی منابع

اینها تنها برخی از اصولی است که باعث می شود AMP خیلی سریع بارگیری شود. همچنین مواردی در این لیست وجود دارد که ممکن است باعث شود افراد حرفه ای طولانی مدت وب را به هم بریزند. به عنوان مثال ورق های سبک درون خطی. سالها به بسیاری از ما گفته شده است که همه سبک ها باید در برگه های سبک خارجی موجود باشد. توانایی سبک کردن بسیاری از صفحات سایت از یک صفحه خارجی یکی از نقاط قوت CSS است - اگر صفحات به جای آن از سبکهای درون خطی استفاده کنند ، نفی می شود. بله ، شما از لزوم بارگیری فایل خارجی جلوگیری می کنید ، اما به این هزینه که بتوانید کل سایت را با یک سبک صفحه مدیریت کنید. بنابراین کدام رویکرد بهتر است؟ واقعیت این است که هر دو مزایا و معایب خود را دارند. وب به طور مداوم در حال تغییر است و افراد مختلفی که از سایت شما بازدید می کنند نیازهای متفاوتی دارند. وضع قوانینی که در همه موارد اعمال خواهد شد بسیار دشوار است زیرا رویکردهای مختلف در شرایط مختلف معنا پیدا می کنند. نکته اصلی این است که مزایا یا معایب هر یک از روش ها را بسنجید تا مشخص شود که در مورد خاص شما بهترین است.

 

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

 

ملاحظات Javascript

برخلاف سایت های دارای RWD ، سایت های AMP با Javascript بازی خوبی ندارند. این شامل اسکریپت ها و کتابخانه های شخص ثالث است که امروزه در سایت ها بسیار محبوب هستند. این کتابخانه ها می توانند عملکرد خارق العاده ای به سایت اضافه کنند ، اما بر عملکرد نیز تأثیر می گذارند. به همین ترتیب ، منطقی است که رویکردی کاملاً متمرکز بر سرعت صفحه ، از پرونده های Javascript فرار کند. به همین دلیل است که AMP اغلب در صفحات وب ساکن بهتر از صفحات بسیار پویا یا آنهایی که به یک دلیل یا جلوه های خاص Javascript نیاز دارند ، استفاده می شود. به عنوان مثال ، یک گالری وب سایت که از تجربه سبک "سبک سبد" استفاده می کند ، یک گزینه عالی برای AMP نخواهد بود. از طرف دیگر ، یک مقاله استاندارد وب سایت یا بیانیه مطبوعاتی که به هیچ ویژگی فانتزی نیاز ندارد ، یک صفحه عالی برای ارائه با AMP خواهد بود. این صفحه احتمالاً توسط افرادی که از mobi استفاده می کنند خوانده می شود

 

تاریخ : چهارشنبه 26 شهریور 1399 زمان : 11:29 | بازدید : 37
نویسنده : محمد محبوبی | لینک ثابت | نظرات (0)

 

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

 

این راهنما همه چیزهایی را که باید درباره پروژه منبع باز AMP بدانید به شما راهنمایی می کند. ما روش دقیق نحوه کار AMP و آنچه باعث سرعت بارگیری صفحات می شود را خواهیم دید.

 

این راهنما همچنین شامل موارد موردی در مورد چگونگی استفاده از AMP برای افزایش تبدیل برای مشاغل در صنایع مختلف و مزایایی است که هنگام AMPlify صفحات خود خواهید داشت. در آخرین بخش ، صفحات فرود پس از کلیک Accelerated Mobile مورد بحث قرار می گیرد و اینکه چرا باید صفحات را ایجاد کنید تا با کلیک سریعتر و مرتبط تر ، بازدیدکنندگان را تجربه کنید.

 

بخش 2: AMP چگونه کار می کند؟

Google چارچوب متن باز Accelerated Mobile Pages (AMP) را در فوریه 2016 راه اندازی کرد. این چارچوب به این دلیل ساخته شد که به جای تجارب ملایم و کند موبایل که کاربران روزانه با آن روبرو هستند ، نیاز به ایجاد تجربیات کاربر بهینه شده و کاملاً یکپارچه بود. مبنا

 

گوگل پروژه AMP را برای ایجاد چارچوبی آغاز کرد که مسیری دقیق برای ایجاد تجارب بهینه شده در صفحه وب تلفن همراه را فراهم می کند. پروژه منبع باز AMP کاملاً مستند است ، به راحتی قابل استقرار ، اعتبارسنجی و نظر در مورد اولین کاربر در طراحی صفحه وب است.

 

از زمان راه اندازی تقریباً دو سال پیش ، 25 میلیون دامنه بیش از 4 میلیارد صفحه AMP منتشر کرده اند:

 

عکس صفحه نشان می دهد که چند صفحه AMP از زمان راه اندازی منتشر شده است

 

از زمان راه اندازی آن ، نه تنها تعداد صفحات AMP افزایش یافته است ، بلکه سرعت آنها نیز افزایش یافته است ، میانگین زمان بارگیری یک صفحه AMP از جستجوی Google اکنون کمتر از نیم ثانیه است.

 

AMP منجر به افزایش 10 درصدی بازدید وب سایت با 2 برابر افزایش زمان صرف شده در صفحه می شود. وب سایت های تجارت الکترونیکی که از AMP استفاده می کنند در مقایسه با صفحات غیر AMP 20٪ افزایش در فروش و تبدیل دارند:

 

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

 

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

 

Chartbeat داده های 360 وب سایت را با استفاده از AMP از ژوئن 2016 - مه 2017 مورد تجزیه و تحلیل قرار داد تا دریابد که یک ناشر معمولی که از صفحات AMP استفاده می کند ، 16٪ از کل ترافیک تلفن همراه را در محتوای AMP خود مشاهده کرده است.

 

صفحات AMP تقریباً چهار برابر سریعتر از صفحات وب استاندارد بارگیری می شوند ، به علاوه کاربران 35٪ بیشتر از صفحات وب تلفن همراه استاندارد با صفحات AMP درگیر هستند:

 

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

 

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

 

3 جز components اصلی AMP

صفحات AMP با سه جز core اصلی زیر ساخته شده اند:

 

AMP HTML

AMP HTML اساساً HTML است و فقط دارای برخی محدودیت ها برای عملکرد قابل اعتماد است. ساده ترین فایل AMP HTML به صورت زیر است:

 

عکس صفحه نشان می دهد که چگونه برچسب AMP HTML کار می کند

 

اکثر برچسب ها در AMP HTML برچسب های معمولی HTML هستند ، با این حال ، برخی از برچسب های HTML با برچسب های خاص AMP جایگزین می شوند. این برچسب های سفارشی مولفه های AMP HTML نامیده می شوند و اجرای الگوهای معمول برچسب را به روشی کارآمد آسان می کنند. صفحات AMP توسط موتورهای جستجو و سیستم عامل های دیگر توسط برچسب HTML کشف می شوند.

 

شما می توانید نسخه غیر AMP و نسخه AMP صفحه خود یا فقط نسخه AMP را انتخاب کنید.

 

جاوا اسکریپت AMP (JS)

کتابخانه AMP JS رندر سریع صفحات HTML AMP را تضمین می کند. کتابخانه JS بهترین عملکردهای AMP را مانند CSS درون خطی و راه اندازی قلم پیاده سازی می کند ، این بارگیری منابع را مدیریت می کند و برچسب های HTML سفارشی را برای اطمینان از ارائه سریع صفحه به شما ارائه می دهد.

 

AMP JS همه چیز را از منابع خارجی ناهمگام می کند ، بنابراین هیچ چیز در صفحه نمی تواند مانع از ارائه شود. JS همچنین از تکنیک های عملکرد دیگری مانند جعبه شن و ماسه در تمام iframes ، پیش محاسبه طرح هر عنصر صفحه قبل از بارگیری منابع و غیرفعال کردن انتخابگرهای کند CSS استفاده می کند.

 

حافظه پنهان AMP

Google AMP Cache برای ارائه صفحات HTML AMP ذخیره شده استفاده می شود. AMP Cache شبکه تحویل محتوا مبتنی بر پروکسی است که برای تحویل کلیه اسناد معتبر AMP استفاده می شود. حافظه پنهان صفحات AMP HTML را واکشی می کند ، آنها را مخفی می کند و عملکرد صفحه را به طور خودکار بهبود می بخشد.

 

برای حفظ حداکثر کارایی ، حافظه پنهان AMP سند ، پرونده های JS و همه تصاویر را از همان مبدأی که ​​از HTTP 2.0 استفاده می کند بارگیری می کند.

 

AMP Cache دارای یک سیستم اعتبار سنجی داخلی است که تأیید می کند یک صفحه تضمین شده است و این به نیروهای خارجی بستگی ندارد که می توانند سرعت صفحه را کاهش دهند. سیستم اعتبار سنجی بر اساس یکسری ادعاها عمل می کند که تأیید می کند نشانه گذاری صفحه با مشخصات AMP HTML مطابقت دارد.

 

نسخه اضافی سیستم اعتبار سنجی در کنار هر صفحه AMP در دسترس است. این نسخه می تواند خطاهای تأیید اعتبار را هنگام ارائه صفحه مستقیماً در کنسول مرورگر وارد کند ، به شما این امکان را می دهد که تغییرات پیچیده کد خود را مشاهده کنید

تاریخ : چهارشنبه 26 شهریور 1399 زمان : 11:23 | بازدید : 49
نویسنده : محمد محبوبی | لینک ثابت | نظرات (0)

 

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

بارگذاری تنبل هنگامی رخ می دهد که به یک صفحه وب بروید و به جای دیدن یک فضای سفید خالی برای محلی که یک تصویر در آن قرار دارد ، هنگام بارگیری متن اطراف ، یک نسخه سبک تصویر تار یا یک جعبه رنگی در جای خود ظاهر شود. پس از چند ثانیه ، تصویر به وضوح در وضوح کامل بارگیری می شود. پلت فرم محبوب وبلاگ نویسی Medium واقعاً به خوبی این کار را انجام می دهد.

 

نسخه با وضوح پایین در ابتدا بارگذاری می شود و سپس نسخه با وضوح کامل کامل بارگیری می شود. این امر همچنین به بهینه سازی مسیر رندر حیاتی شما کمک می کند! بنابراین در حالی که تمام منابع صفحه دیگر شما در حال بارگیری هستند ، شما یک تصویر تیزر با وضوح پایین نشان می دهید که به کاربران کمک می کند اتفاقات / بارگیری را داشته باشند. برای کسب اطلاعات بیشتر در مورد چگونگی بارگیری تنبل تصاویر ، به راهنمای بارگیری تنبل Google مراجعه کنید.

 

با متراکم کردن و بهم پیوستن پرونده های خود سرعت را بهبود ببخشید

ممیزی سرعت صفحه اغلب توصیه هایی مانند "کوچک کردن منبع" را ارائه می دهد ، اما این در واقع به چه معناست؟ Minification با حذف مواردی مانند خطوط شکاف و فاصله و همچنین کوتاه کردن نام متغیرهای کد ، در هر کجا که امکان پذیر باشد ، یک پرونده کد را متراکم می کند.

 

"Bundling" اصطلاح رایج دیگری است که در رابطه با بهبود سرعت صفحه می شنوید. فرآیند بسته بندی دسته ای از همان فایلهای زبان برنامه نویسی را در یک فایل واحد ترکیب می کند. به عنوان مثال ، می توان یک دسته از پرونده های JavaScript را در یک پرونده بزرگتر قرار داد تا مقدار پرونده های JavaScript را برای یک مرورگر کاهش دهد.

 

با کوچک کردن و همراه کردن فایل های مورد نیاز برای ساخت صفحه وب خود ، سرعت وب سایت خود را افزایش داده و تعداد درخواست های HTTP (پرونده) خود را کاهش می دهید.

 

بهبود تجربه مخاطبان بین المللی

وب سایت هایی که مخاطبان چندین کشور را هدف قرار می دهند باید بهترین خدمات بین المللی SEO را برای ارائه بهترین تجربه ها در اختیار شما قرار دهند. بدون این بهینه سازی ها ، بازدید کنندگان بین المللی ممکن است در یافتن نسخه سایت شما که برای آنها مناسب است مشکل داشته باشند.

 

دو روش اصلی برای بین المللی شدن یک وب سایت وجود دارد:

 

زبان

سایتهایی که سخنرانان چند زبان را هدف قرار می دهند ، وب سایتهای چند زبانه محسوب می شوند. این سایت ها باید چیزی به نام برچسب hreflang اضافه کنند تا به Google نشان دهند که صفحه شما برای زبان دیگری کپی کرده است. درباره hreflang بیشتر بیاموزید.

کشور

به سایتهایی که مخاطبان چندین کشور را هدف قرار می دهند وب سایتهای چند منطقه ای گفته می شود و آنها باید ساختار URL را انتخاب کنند که هدف قرار دادن دامنه یا صفحات آنها را برای کشورهای خاص آسان کند. این می تواند شامل استفاده از دامنه سطح بالا کد کشور (ccTLD) مانند ".ca" برای کانادا یا دامنه عمومی سطح بالا (gTLD) با زیر پوشه خاص کشور مانند "example.com/ca" برای کانادا درباره URL های خاص محلی بیشتر بدانید

تاریخ : چهارشنبه 26 شهریور 1399 زمان : 11:23 | بازدید : 54
نویسنده : محمد محبوبی | لینک ثابت | نظرات (0)

 

ذهنیت همراه اول برای ماندن در اینجا است - این بیانیه از نظر تجاری و مصرف کننده درست است.

 

برای گفتن کاربران ، قبل از خرید با تلفن های همراه آنها مشورت کنید ، این یک اظهارنظر بزرگ است. استفاده از اینترنت همراه در سراسر جهان از میزان استفاده از تلفن همراه دسک تاپ پیشی گرفته است. حتی کشورهایی مانند هند ، مکزیک و اندونزی بیش از 4 برابر بیشتر از تلفن های هوشمند در مقایسه با استفاده از دسک تاپ استفاده می کنند:

 

عکس صفحه نشان می دهد که کل کاربران تلفن همراه از کاربران دسک تاپ پیشی گرفته اند

 

فقط در ایالات متحده هر روز 30 میلیارد لحظه تلفن همراه (لحظه ای که مشتری با تلفن خود مشورت می کند و انتظار پاسخ فوری دارد) وجود دارد. این بدان معناست که هر روز برند شما 30 میلیارد فرصت تلفن همراه دارد تا چیزی را که کاربران می خواهند به آنها ارائه دهد.

 

و هنوز تبلیغات موبایل از مصرف رسانه تلفن همراه عقب هستند:

 

عکس صفحه نشان می دهد زمان صرف شده در مقابل پول صرف شده در هر سیستم عامل

 

دلیلی وجود دارد که کاربران به جای خرید ، زمان بیشتری را برای مرور در تلفن همراه صرف می کنند - کاربران بیشتر از اینکه در دستگاه های تلفن همراه خود باشند ، تمایل به رضایت سریع دارند.

 

به این سوال پاسخ دهید -

 

طبق داده های جمع آوری شده توسط گوگل و SOASTA ، 40٪ از مصرف کنندگان صفحه ای را ترک می کنند که بارگیری آن بیش از سه ثانیه طول می کشد.

 

 

این تمام وقت شما برای جلب توجه کاربری است که تبلیغ شما را پسندیده و روی آن کلیک کرده است. و اگر صفحه وب شما در زمان فوق الذکر بارگیری نشد ، بدون توجه به میزان جذابیت آن ، تبلیغ را بیهوده ایجاد کردید. خبر بد این واقعیت است که بر اساس داده ها ، بارگیری بیشتر سایت های موبایل خرده فروشی حدود 6.9 ثانیه طول می کشد ، این بیش از دو برابر مدت زمان انتظار 40٪ از کاربران قبل از کنار گذاشتن صفحه است.

 

سرعت صفحه وب چگونه بر نرخ گزاف گویی تأثیر می گذارد

سرعت یک فاکتور مهم در اندازه گیری نرخ پرش برای صفحات وب تلفن همراه است. قبل از اینکه بیشتر به این موضوع بپردازیم ، لازم به توضیح است که سرعت در درجه اول برای نرخ گزاف گویی سایت موبایل در دو وجه در نظر گرفته می شود ، یعنی زمان آماده سازی DOM و زمان بارگیری تمام صفحه:

 

تصویر صفحه عواملی را نشان می دهد که می توانند بر سرعت مرور تلفن همراه تأثیر بگذارند

 

1. زمان آماده سازی DOM: زمان آماده سازی DOM مدت زمانی است که برای دریافت کد HTML صفحه توسط مرورگر لازم است - این بزرگترین پیش بینی کننده نرخ پرش است. حتی اگر کاربر از زمان دریافت و تجزیه کد HTML اطلاع نداشته باشد ، قبل از بارگیری عناصر صفحه مانند تصاویر ، کد باید بارگیری شود. اگر کد HTML خیلی طولانی شود ، زمان بارگیری وب سایت کند است. برای سرعت بخشیدن به زمان آماده سازی DOM صفحه وب تلفن همراه خود ، بهتر است از استفاده از JavaScript که مسدود و مانع تجزیه و تحلیل کد HTML از یک مرورگر است ، خودداری کنید. عناصر صفحه ای که از جاوا اسکریپت استفاده می کنند شامل تبلیغات شخص ثالث و ابزارک های اجتماعی است که قبل از بارگیری صفحه باید از سرور خارجی دریافت شود.

 

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

 

یک مثال نشان می دهد که چگونه مرور و نرخ پرش مستقیماً متناسب هستند

 

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

 

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

 

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

 

برای بارگیری از طریق اتصال 3G به طور متوسط ​​برای سایت موبایل 19 ثانیه زمان لازم است و بارگیری برای 77٪ سایت های تلفن همراه بیش از 10 ثانیه است.

گوگل دریافت که برای هر ثانیه اضافی که یک صفحه وب بارگیری می کند ، مکالمه ها 20٪ کاهش می یابد. برای مقایسه ، سایتهایی که در 5 ثانیه بارگیری می شوند دارای یک href = "https://www.thinkwithgoogle.com/intl/fa-154/insights-inspiration/research-data/need-mobile-speed-how-mobile-latency- impacts-Publisher-درآمد / ”rel =” noopener ”target =” _ blank ”> 2 برابر درآمد آگهی موبایل نسبت به سایتهایی که در 19 ثانیه بارگیری شده اند.

61٪ از کاربران بعید است به یک سایت موبایلی برگردند که در دسترسی به آن مشکل داشتند.

این یعنی چی؟

 

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

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

 

AMP چیست؟

گوگل برای اطمینان از عملکرد صفحات وب موبایل با سرعت مطلوب ، پروژه منبع باز Accelerated Mobile Pages را راه اندازی کرد.

 

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

 

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

تاریخ : چهارشنبه 26 شهریور 1399 زمان : 11:22 | بازدید : 33
نویسنده : محمد محبوبی | لینک ثابت | نظرات (0)

 

 

AMP مخفف Accelerated Mobile Pages است و برای ارائه محتوا به بازدیدکنندگان موبایل با سرعتی بسیار بیشتر از تحویل غیر AMP استفاده می شود. AMP قادر به ارائه سریع محتوا است زیرا محتوا را از سرورهای حافظه پنهان خود (نه سایت اصلی) ارائه می دهد و از نسخه ویژه AMP HTML و JavaScript استفاده می کند.

 

درباره AMP بیشتر بدانید.

 

نمایه سازی همراه اول

از سال 2018 ، گوگل شروع به تغییر وب سایت به نمایه سازی برای اولین بار از طریق تلفن همراه کرد. این تغییر باعث ایجاد سردرگمی میان دوستی موبایل و تلفن همراه اول شده است ، بنابراین جدا کردن از آن مفید است. با استفاده از نمایه سازی همراه اول ، Google نسخه موبایل صفحات وب شما را خزنده و نمایه می کند. سازگاری وب سایت خود با صفحه نمایش موبایل برای کاربران و عملکرد شما در جستجو مفید است ، اما نمایه سازی برای اولین بار در تلفن همراه مستقل از دوستانه بودن برای تلفن همراه اتفاق می افتد.

 

این امر برخی از نگرانی ها را برای وب سایت هایی که فاقد برابری بین نسخه های موبایل و دسک تاپ هستند ایجاد کرده است ، مانند نمایش محتوای مختلف ، پیمایش ، پیوندها و غیره در نمای موبایل آنها. به عنوان مثال یک سایت تلفن همراه با پیوندهای مختلف روشی را که Googlebot (تلفن همراه) سایت شما را می خزد و ارزش پیوند را به سایر صفحات شما ارسال می کند تغییر می دهد.

 

بهبود سرعت صفحه برای کاهش ناامیدی بازدیدکنندگان

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

 

ابزار PageSpeed ​​Insights Google و اسناد بهترین روش ها

چگونه در مورد ابزارهای سرعت فکر کنیم

GTMetrix

تستر سرعت و عملکرد وب سایت موبایل Google

فانوس دریایی Google

Chrome DevTools و آموزش

تصاویر یکی از اصلی ترین متهمان صفحات کند است!

همانطور که در فصل 4 بحث شد ، تصاویر یکی از دلایل شماره یک بارگیری آهسته صفحات وب هستند! علاوه بر فشرده سازی تصویر ، بهینه سازی متن alt تصویر ، انتخاب قالب مناسب تصویر و ارسال نقشه سایت عکس ، روش های فنی دیگری نیز برای بهینه سازی سرعت و نحوه نمایش تصاویر به کاربران شما وجود دارد. برخی از روش های اصلی برای بهبود تحویل تصویر به شرح زیر است:

 

1. SRCSET: نحوه ارائه بهترین اندازه تصویر برای هر دستگاه

ویژگی SRCSET به شما امکان می دهد چندین نسخه از تصویر خود داشته باشید و سپس مشخص کنید که کدام نسخه باید در شرایط مختلف استفاده شود. این قطعه کد به برچسب <img> (جایی که تصویر شما در HTML قرار دارد) اضافه می شود تا تصاویر منحصر به فردی را برای دستگاه های با اندازه خاص ارائه دهد.

 

این مانند مفهوم طراحی ریسپانسیو است که قبلاً به آن پرداختیم ، به جز تصاویر!

 

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

 

بیش از فقط سه نسخه اندازه تصویر وجود دارد!

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