منتشر شده: ۶ ژانویه ۲۰۲۰
برنامه‌های وب پیش‌رونده (PWA) برنامه‌های وبی هستند که با APIهای مدرن ساخته و بهبود یافته‌اند تا قابلیت‌های پیشرفته‌ای را ارائه دهند و در عین حال به هر کاربر وب در هر دستگاهی با یک کدبیس واحد دسترسی داشته باشند. آنها دسترسی گسترده برنامه‌های وب را با قابلیت‌های غنی برنامه‌های مختص پلتفرم ترکیب می‌کنند تا تجربه کاربری را بهبود بخشند.
سه رکن طراحی PWA
برای ساخت یک PWA که به خوبی یک اپلیکیشن مخصوص پلتفرم باشد، باید آن را طوری طراحی کنید که توانمند، قابل اعتماد و قابل نصب باشد.
توانمند
برنامه‌های وب اکنون بیش از هر زمان دیگری توانمند هستند و این قابلیت‌ها در حال رشد هستند. اخیراً، نرم‌افزارهای وب شروع به توسعه قابلیت‌هایی کرده‌اند که زمانی فقط برای برنامه‌های خاص پلتفرم قابل دسترسی بودند. به عنوان مثال، اکنون می‌توانید با استفاده از WebRTC، موقعیت مکانی و اعلان‌های فوری، یک برنامه چت تصویری فرامحلی بسازید، سپس آن برنامه را قابل نصب کنید و از WebGL و WebVR برای انتقال مکالمات به واقعیت مجازی استفاده کنید. معرفی WebAssembly به توسعه‌دهندگان اجازه می‌دهد تا به اکوسیستم‌های دیگری مانند C، C++ و Rust دسترسی پیدا کنند و ویژگی‌های خاص پلتفرم‌های قبلی را که دهه‌ها پیش وجود داشتند، به وب بیاورند. یک نمونه عالی از توسعه‌دهندگانی که از قابلیت‌های جدید وب بهره می‌برند، Squoosh.app ، یک فشرده‌ساز تصویر مبتنی بر وب است.
اگرچه برخی از قابلیت‌ها هنوز از دسترس وب خارج هستند، APIهای جدید و در حال توسعه دائماً در حال گسترش قابلیت‌های وب با ویژگی‌هایی مانند دسترسی به سیستم فایل، کنترل‌های رسانه‌ای، نشان‌گذاری برنامه‌ها و پشتیبانی کامل از کلیپ‌بورد هستند. همه این قابلیت‌ها با استفاده از مدل مجوز امن و کاربر محور وب ساخته شده‌اند که کاربر را ایمن نگه می‌دارد و استفاده از وب‌سایت‌های جدید را کمتر ترسناک می‌کند.
قابل اعتماد
یک برنامه وب پیش‌رونده قابل اعتماد، صرف نظر از شبکه، سریع و قابل اعتماد به نظر می‌رسد. کاربران شایسته برنامه‌هایی هستند که به سرعت به تعامل پاسخ دهند و تجربه‌ای داشته باشند که بتوانند به آن تکیه کنند.
سرعت برای ترغیب کاربران به استفاده از تجربه شما بسیار مهم است. در واقع، با افزایش زمان بارگذاری صفحه از یک ثانیه به 10 ثانیه، احتمال پرش کاربر 123٪ افزایش می‌یابد . نگرانی‌های مربوط به عملکرد، کل تجربه کاربر را تحت تأثیر قرار می‌دهد، نه فقط رویداد onload . یک تجربه قابل اعتماد هرگز کاربران را در مورد اینکه آیا هیچ تعاملی با برنامه ثبت شده است یا خیر، دچار تردید نمی‌کند. پیمایش و انیمیشن باید روان به نظر برسد. کاربران باید برنامه شما را به همان اندازه که برای عملکرد خوب به آن نیاز دارند، به عنوان یک برنامه با عملکرد خوب درک کنند.
برنامه‌های قابل اعتماد همچنین باید صرف نظر از اتصال شبکه، قابل استفاده باشند. کاربران انتظار دارند برنامه‌ها در اتصالات شبکه کند یا دارای مشکل، یا حتی در حالت آفلاین، به سرعت بارگیری شوند. آنها انتظار دارند جدیدترین محتوایی که با آن تعامل داشته‌اند، مانند آهنگ‌های رسانه‌ای یا بلیط‌ها و برنامه‌های سفر، حتی اگر برنامه در ارسال درخواست‌ها به سرور شما مشکل داشته باشد، در دسترس و قابل استفاده باشد. وقتی درخواستی امکان‌پذیر نیست، آنها انتظار دارند که برنامه به آنها اطلاع دهد که مشکلی وجود دارد، نه اینکه بی‌سروصدا از کار بیفتد یا از کار بیفتد.
قابل نصب
قابل نصب کردن PWA شما، آن را از مرورگر خارج کرده و به یک پنجره مستقل منتقل می‌کند و نحوه تفکر و تعامل کاربران با آن را تغییر می‌دهد. PWAهای نصب شده از صفحه اصلی، داک، نوار وظیفه یا قفسه کاربر قابل اجرا هستند. کاربر می‌تواند آنها را در یک دستگاه جستجو کند و با استفاده از تعویض برنامه بین آنها جابجا شود و این باعث می‌شود که آنها مانند بخشی از دستگاهی که روی آن نصب شده‌اند، احساس شوند.
نصب یک PWA همچنین قابلیت‌های جدیدی را در دسترس قرار می‌دهد، از جمله میانبرهای صفحه‌کلید که معمولاً در مرورگر رزرو شده‌اند. PWAها همچنین می‌توانند برای پذیرش محتوا از برنامه‌های دیگر یا به عنوان برنامه پیش‌فرض برای مدیریت انواع خاصی از فایل‌ها ثبت نام کنند.
از PWAها نتیجه بگیرید
راه‌اندازی یک PWA نه تنها تجربه کاربری را بهبود می‌بخشد، بلکه معیارهای شما را نیز بهبود می‌بخشد و ارزشی را که از خدمات خود دریافت می‌کنید، افزایش می‌دهد. برخی از نمونه‌های برجسته عبارتند از:
- PWA توییتر منجر به افزایش ۶۵ درصدی صفحات در هر بازدید، ۷۵ درصد توییت بیشتر و کاهش ۲۰ درصدی نرخ پرش شد، در حالی که حجم برنامه آنها بیش از ۹۷ درصد کاهش یافت.
- پس از تغییر به PWA، Nikkei شاهد ۲.۳ برابر شدن ترافیک ارگانیک، ۵۸ درصد افزایش تعداد مشترکین و ۴۹ درصد افزایش تعداد کاربران فعال روزانه بود.
- هولو (Hulu) تجربه دسکتاپ مخصوص پلتفرم خود را با یک PWA جایگزین کرد و شاهد افزایش ۲۷ درصدی بازدیدهای مجدد بود.
برای اطلاعات بیشتر در مورد مزایای استفاده از PWAها، به «چگونه برنامه‌های وب پیش‌رونده می‌توانند موفقیت کسب‌وکار را هدایت کنند» مراجعه کنید.