بیاموزید که چگونه یک تیم کوچک با ایجاد یک بازار متقاعد کننده PWA به بردهای بزرگ دست یافت.
OpenSooq مستقر در امان، اردن، یک بازار طبقه بندی شده برای موبایل است که طیف گسترده ای از محصولات و خدمات را در 19 کشور در سراسر خاورمیانه و شمال آفریقا ارائه می دهد.
چالش
بیش از 85 درصد از ترافیک OpenSooq از دستگاه های تلفن همراه می آید و این تعداد همچنان در حال افزایش است. بسیاری از مردم این منطقه به دستگاههای ارزانقیمت با ظرفیتهای ذخیرهسازی محدود متکی هستند، که این نیاز شدید به سایت موبایل OpenSooq را ایجاد میکند که تا حد امکان سریع و سبک باشد. با این حال، زمان بارگذاری آهسته در سایت تلفن همراه قدیمی OpenSooq بر رضایت مشتری تأثیر می گذاشت و منجر به نرخ پرش تا 49 درصد در بازارهایی مانند کویت شد.
برای ارائه خدمات به مشتریان خود با تجربه بهتر در همه پلتفرم ها، این شرکت متوجه شد که به یک وب سایت سریعتر و پاسخگوتر نیاز دارد. بنابراین، در ژوئن 2017، تیم مهندسی OpenSooq یک برنامه وب پیشرفته (PWA) راه اندازی کرد.
تمرکز بر عملکرد و قابلیت اطمینان
سه توسعهدهنده داخلی OpenSooq توانستند یک PWA با ویژگیهای کامل را با React و webpack در تنها دو ماه و نیم بسازند.
برای اطمینان از اینکه سایت سریع و به راحتی قابل فهرست بندی توسط موتورهای جستجو خواهد بود، تیم اجرای رندر سمت سرور را انتخاب کرد. با توجه به اینکه تقریباً 28٪ از کاربران آنها به PWA در شبکه های ناهموار 2G یا 3G دسترسی دارند، بسیار مهم بود که کاربران بدون توجه به محدودیت های شبکه، به کارکرد این تجربه اعتماد کنند. بنابراین، تیم یک تجربه آفلاین را با استفاده از سرویسدهندگان و یک استراتژی کش و سپس شبکه اجرا کرد. آنها همچنین از الگوی PRPL برای بارگذاری فوری کاربران خود استفاده کردند.
با اتخاذ این بهترین شیوه ها، تیم توانست میانگین زمان بارگذاری صفحه ( زمان تا تعامل ) را از 4 ثانیه به کمتر از 2 ثانیه کاهش دهد. و آنها از Lighthouse استفاده کردند تا مطمئن شوند سایت به این سرعت باقی می ماند . این تلاش ها به OpenSooq کمک کرد تا بیش از 1.8 میلیارد بازدید از صفحه در ماه داشته باشد.
بیش از یک چهارم کاربران ما از شبکههای متوسط به OpenSooq PWA دسترسی دارند، بنابراین قابلیت اطمینان برای درگیر نگه داشتن این کاربران ضروری بود. کارکنان خدمات و استراتژیهای ذخیرهسازی به ما کمک کردند تا تجربه کاربری قابل اعتماد مورد نیاز خود را به صورت یکپارچه ایجاد کنیم.
امین شومان، مدیر فنی PWA، OpenSooq
بهبود مشارکت مجدد
تیم OpenSooq با ایجاد یک تجربه کارآمد و قابل اعتماد، میخواست مطمئن شود که کاربرانشان با این محصول ارتباط برقرار میکنند. برای انجام این کار، آنها کاربران را قادر ساختند که PWA را در صفحه اصلی خود نصب کنند و از اعلان های معنی دار پشتیبانی می کنند. این به سایت اجازه میدهد تا خریداران را در مورد تعامل فروشنده در مورد درخواستها و فروشندگان را در مورد فعالسازی و انقضای آگهی مطلع کند.
این بهبودها کاربران فعال ماهانه تجربه وب OpenSooq را 14 درصد افزایش داد. برای کاربرانی که PWA را نصب کردهاند، 48 درصد افزایش تعداد بازدید از صفحه در هر جلسه و 28 درصد جهش در میانگین مدت جلسه وجود دارد. OpenSooq همچنین شاهد افزایش 25 درصدی در میانگین زمان کاربران در یک صفحه و کاهش 29 درصدی در میانگین نرخ پرش در تمام بازارها بود.
با نگاه به آینده
پس از تنها چند هفته تلاش، OpenSooq یک PWA با ظرفیت 23 کیلوبایت با ویژگیهای کامل ایجاد کرد که تجربهای ثابت را در تمامی پلتفرمها و مرورگرها به کاربران ارائه میدهد. و از آنجایی که بهروزرسانی ویژگیها در وب آسان است، تیم ابتدا با راهاندازی و آزمایش ویژگیها و جریانهای کاربر جدید در PWA خود قبل از عرضه آنها به پلتفرمهای دیگر، به PWA رفته است.
OpenSooq اکنون در حال کار بر روی افزودن یک اعلان نصب مخصوص پلتفرم و ادغام PWA با صفحات موبایل تسریع شده (AMP) است. این پیشرفتها سرعت بارگذاری صفحه را افزایش میدهد و انتقال به اپلیکیشن مخصوص پلتفرم را تا حد امکان بدون مشکل انجام میدهد. تیم OpenSooq با تکیه بر پایه تلاش اولیه خود برای توسعه، به ارائه بهترین تجربه ممکن به کاربران خود ادامه خواهد داد.
اهمیت توسعه PWA ما برای تیم های رهبری و فنی واضح بود. پس از ساختن یک برنامه وب مدرن و کارآمد ساختن آن، ما از دیدن تأثیر کسب و کار بر سرمایه گذاری 2.5 ماهه خود هیجان زده هستیم.
رمزی القراینی، مدیر ارشد فناوری OpenSooq