4 نکته مهم برای دانستن درباره برنامه های اپلیکیشن تحت وب (PWA)
PWA (برنامه های پیشرفته وب) یکی از پرشورترین بحث ها در مورد تغییر فناوری در وب است و در بین متخصصان دنیای فناوری اطلاعات بسیار جذاب و بی نظیر به دست آورده است. اگر در حال ایجاد وب هستید ، من مطمئن هستم که PWA آخرین "کلمه" است که به واژگان کاری شما اضافه شده است. جای تعجب آور نیست زیرا PWA آرزو زیادی برای نصب برنامه های وب بر روی تلفن برای واقعیت ایجاد کرده است.
در مورد PWA و مزایای آن قبلاً مورد توجه و توجه ویژه ای قرار گرفته است. به نظر می رسد اکثر تلاش های معرفی PWA ، به ویژه برای تازه کارها ، به صورت ژارگون پر شده یا دارای کد زیادی هستند که می تواند آنها را برای انجام اولین قدم مرعوب کند. در این مقاله ، من سعی می کنم یک عکس فوری از PWA ارائه دهم ، فقط کافی است که روند یادگیری آنها را شروع کنم.
1. یک برنامه اپلیکیشن تحت وب چیست؟
"Progressive Web App (PWA) اصطلاحی است که برای مشخص کردن یک روش جدید توسعه نرم افزار استفاده می شود. بر خلاف برنامه های سنتی ، برنامه های وب مترقی ترکیبی از صفحات وب معمولی (یا وب سایت ها) و یک برنامه تلفن همراه هستند. این مدل برنامه جدید سعی دارد ویژگی های ارائه شده توسط اکثر مرورگرهای مدرن را با مزایای تجربه تلفن همراه ترکیب کند. "
این همان چیزی است که ویکی پدیا درباره PWA می گوید. خوب ، این ممکن است کمی مبهم یا حتی بحث برانگیز به نظر برسد. بنابراین بیایید به PWA به روشی غیررسمی نگاه کنیم.
اگر تا به حال بهترین وب و بهترین برنامه ها دارای یک کودک کلون بودند - PWA است. وگرنه ، فقط این است که صفحه وب همه "ویتامین های مناسب" را گرفته است تا بتواند بیشتر مانند برنامه بارگیری شده از فروشگاه App / Play Store رفتار کند. این کار به عنوان یک صفحه وب عادی در یک مرورگر شروع می شود ، و هنگامی که یک کاربر صفحه وب را کاوش می کند ، در صورت تمایل به "افزودن به صفحه اصلی" ، سریعاً اعلان می شوند. هنگامی که کاربر به این اعلان شست می دهد ، VOILA! PWA به صفحه اصلی آنها اضافه می شود. پس از باز شدن از صفحه اصلی ، حتی می تواند کنترل های UI مرورگر را مخفی کرده و به عنوان یک برنامه ظاهر شود.
این بیشتر شبیه یک نشانک با شکوه است که به نقطه شیرین بین وب و برنامه های تلفن همراه رسیده است. این را می گویم زیرا PWA توانسته است شکاف موجود در وب را ایجاد کند. وب همیشه تشنه عملکرد قابل اعتماد در کنار برنامه های بومی بوده است. همیشه آرزو کرده است مکانی در سینی اعلان و صفحه اصلی درست مثل یک برنامه داشته باشد. بیش از 40٪ کاربران از وب سایتهایی که بیش از 3 ثانیه برای بارگیری دارند ، گزاف گویی می کنند. PWA راه حلی برای این "اپیدمی وب چاقی وب" است که کاربران با آن روبرو هستند.
همه چیز در مورد از بین بردن اصطکاک و آسان تر کردن دسترسی کاربران به آنچه می خواهند است.
کل اعتبار این تجربه بدون درز باید به Service Worker (اسکریپتی که مرورگر در پس زمینه جدا از صفحه وب اجرا می شود) داده شود ، که ستون فقرات هر PWA است. کارمندان این سرویس امکان ذخیره سازی مطمئن و هوشمند ، به روزرسانی محتوای پس زمینه ، اعلان های فشار و جذاب ترین عملکرد آفلاین را در سایت های قبلی بازدید می کنند. این بدان معنی است که ، پس از اولین مراجعه به یک وب سایت ، سایت و برنامه حتی در شبکه های پوسته قابل اطمینان سریع خواهند بود.
اما یک سؤال ممکن است در اینجا ایجاد شود - بار اول سریع با عملکرد قابل اعتماد چیست؟ این زمانی است که صفحات شتاب موبایل (AMP) با کارگر سرویس ملاقات می کنند. AMP اجزای وب قابل اعتماد و سریع را برای بار اول فراهم می کند. این مؤلفه ها برای بارگیری بسیار سریعتر و گرسنه بودن داده ها بسیار سریعتر است. وب سایتهایی که از دسته کوچک موسیقی جاز AMP و Service Worker استفاده می کنند ، از نظر برنامه های بومی سرعت قابل قبولی دارند. پس از بارگیری صفحه ، راه اندازی سایت ، کارگر سرویس و دارایی به صورت هوشمند ذخیره می شوند. این امر همیشه PWA را به روز می کند و بدین ترتیب کاربران را از به روزرسانی های مکرر که باید از فروشگاه App انجام شود ، رها می کند.
PWA به طور خلاصه:
قابلیت اطمینان: بارگیری سریع و به صورت آفلاین کار می کند
سریع: انیمیشن های صاف ، پیمایش رایگان و ناوبری بدون درز حتی در شبکه های پوسته پوسته
مشغول کردن: از صفحه اصلی راه اندازی شده است و می توانید اعلان فشار را دریافت کنید
2. چرا اهمیت دارد؟
این اسطوره است که کاربران با خوشحالی برنامه هر وب سایتی را که مرتبا بازدید می کنند بارگیری می کنند. طبق گزارش برنامه Comscore Mobile ، بیش از 50٪ از کاربران تلفن هوشمند آمریکا ماهانه برنامه های صفر را بارگیری می کنند. یعنی رفته است روزهایی که تلفن پر از برنامه است و فاز ماه عسل تلفن هوشمند افراد در حال کم شدن است. هر مرحله برای بارگیری یک برنامه ، 20٪ از کاربران را کاهش می دهد. PWA مراحل کشف برنامه و دریافت آن در صفحه اصلی را کاهش می دهد و در نتیجه اصطکاک نصب یک برنامه را از بین می برد. این یک زمینه بسیار بارور برای مشاغل فراهم می کند تا در PWA خود شرکت کنند.
برای درک اهمیت PWA در شکل دادن به وب آینده ، می توانید سه معیار زیر را برجسته کنید.
یک Reach: مخاطبان وب موبایل طی چند سال گذشته با سرعتی بالا روبرو شده اند. گوگل گزارش داده است که کروم در مقایسه با 400 میلیون کاربر فعلی در سال 2016 ، 1 میلیارد کاربر موبایل داشته است. طبق گزارش Comscore ، در حالی که 1000 سایت و برنامه برتر را در نظر می گیرید ، دسترسی به وب موبایل 2.5 برابر بیشتر از برنامه ها است. به همین دلیل تصمیم Flipkart ، Myntra و غیره مبنی بر ترک وب سایت خود و "فقط برنامه" عقب افتاده است. اگر می توانستیم تجربه بهتری را برای مخاطبان گسترده تری فراهم کنیم ، مطمئناً می توانیم برتری رقابتی را نسبت به دیگران بدست آوریم.
ب اکتساب: یکی دیگر از نگرانی های جدی که برنامه های تلفن همراه با آن روبرو هستند ، قابلیت کشف کاربران در مقایسه با وب سایت ها است. هزینه کسب کاربر وب 10 برابر ارزانتر از برنامه های بومی خواهد بود. PWA با قرار گرفتن در معرض بیشتر و اصطکاک کم برای شبانه روزی ، کاربران بیشتری را با هزینه بسیار کمتری به دست می آورد.
ج تبدیل: تجربه بدون درز پایان کاربر حتی با شبکه های پوسته پوسته ارائه شده توسط PWA ، تعداد تبدیل های موفقیت آمیز را بهبود می بخشد. Flipkart PWA خود را "Flipkart-lite" راه اندازی کرد ، که آنها ادعا می کنند با 70 درصد افزایش هزینه تبدیل با هزینه کمتر ، نرخ تبدیل را 70 درصد تحویل داده اند.
به طور خلاصه: PWA با افزایش دستیابی بالقوه با هزینه های خرید کم ، به بهبود تبدیل کمک می کند.
3. چگونه شروع کنیم؟
هنگامی که با یک فناوری جدید آشنا شدید ، چالش بعدی درون خط تصمیم برای اتخاذ آن است. بیشتر افراد در این مرحله دچار معضل و مشکلی می شوند. تصمیم باید توسط نیاز خاص تجاری شما هدایت شود. دو مورد زیر می تواند به شما در شناسایی روشی که برای اجرای PWA مناسب است ، کمک کند.
الف) از صفر زمین
سناریو را در نظر بگیرید که یک شرکت در حال ساختن یک وب سایت جدید یا طراحی مجدد است. در این حالت ، ساخت PWA از صفر زمین معنی و امکان پذیر است. این کار باعث می شود تا قدرت PWA با AMP ، کارمندان سرویس ، پوسته برنامه و مانیفست وب مهار شود. به عنوان مثال ، طبق گفته علی اکسپرس ، هنگامی که وب سایت خود را به عنوان PWA بازسازی کردند ، توانستند نرخ تبدیل خود را برای کاربران جدید 104٪ افزایش دهند ، 2 برابر صفحه بازدید بیشتر در هر جلسه برای هر کاربر در تمام مرورگرها و 74٪ افزایش در زمان صرف شده را بدست آوردند. در هر جلسه در همه مرورگرها
ب) یک نسخه ساده یا یک ویژگی واحد
هنگامی که ساختن از ابتدا واقعی نیست ، همیشه می توانید یک نسخه ساده از وب سایت ایجاد کنید یا روی یک ویژگی واحد متمرکز شوید که تأثیر زیادی برای کاربران نهایی دارد. تمرکز بر روی ارائه یک تجربه سریع ، جذاب و قابل اعتماد است. AirBerlin در این مورد نمونه مناسبی است. آنها در PWA خود روی تجربه پس از رزرو تمرکز کردند. بعد از اینکه یک مسافر وارد شوید ، می توانند به جزئیات سفر و گذرگاه خود حتی بدون اتصال به اینترنت دسترسی پیدا کنند.
4. چالش های PWA
برخی از چالش ها در PWA وجود دارد که هنگام انتخاب آن باید مورد توجه قرار گیرد.
الف) پشتیبانی از مرورگر متقاطع: در حالی که مرورگر اندرویدی Chrome ، Opera و Samsung از PWA پشتیبانی می کند ، IE ، Edge و Safari هنوز پشتیبانی خود را گسترش نمی دهند.
ب) عملکرد محدود: PWA از هیچ سخت افزاری که توسط HTML5 پشتیبانی نمی شود پشتیبانی نمی کند
ج) مشروعیت محدود: از آنجا که هیچ فروشگاه بارگیری مرکزی برای PWA وجود ندارد ، آنها از دادن حس حقانیت و اعتماد به نفس که معمولاً توسط برنامه های بومی از Play Store / Store App ارائه می شود ، ندارند.
د) پشتیبانی از ورود به سیستم Cross Application: برنامه های بومی قابلیت مکالمه با سایر برنامه ها و تأیید صحت ورود به سیستم (Facebook ، Twitter ، Google) را دارند. به عنوان یک صفحه وب ، PWA توانایی برقراری ارتباط با سایر برنامه های نصب شده را ندارد.
ما نمی توانیم بگوییم که PWA برنامه های بومی را در آینده از بین خواهد برد. اما هنوز هم علاقه زیادی برای این رویکرد در جامعه وجود دارد. PWA هنوز در مراحل ابتدایی خود با چالش های زیادی برای حل شدن روبرو هستند. با این حال ، آنها پتانسیل ایجاد تغییر در شیوه کار وب را دارند.
منبع:
