نارنجی: PWA جدید در موبایل 52 درصد بهتر تبدیل می شود

PWA جدید همچنین دارای میانگین زمان بارگذاری 30٪ سریعتر از سایت قدیمی است و نرخ پرش 12٪ و عمق جلسه 18٪ بهبود یافته است.

Adam Skręt

Marcin Sierakowski

Rafał Filipek

توجه: نویسندگان این مطالعه موردی کارکنان نارنجی هستند و روی پروژه PWA کار کرده اند.

Orange Polska SA (بخشی از گروه بین المللی Orange) ارائه دهنده پیشرو خدمات مخابراتی در لهستان است، از جمله خدمات مخابراتی تلفن همراه و ثابت مانند صدا، داده، دسترسی به اینترنت و تلویزیون. ما همچنین خدمات فناوری اطلاعات و یکپارچه سازی، خطوط اجاره ای، و سایر خدمات و تجهیزات ارزش افزوده مخابراتی را ارائه می دهیم.

چالش

همه ما آن احساس اضطراب را می دانیم که وقتی یک وب سایت برای همیشه بارگذاری می شود، به تحریک تبدیل می شود. برای شرکت‌های دیجیتالی با حضور فیزیکی کم یا بدون حضور فیزیکی، تأثیر این امر آشکار است، به‌ویژه وقتی صحبت از برنامه‌های تلفن همراه می‌شود که تحقیقات داخلی ما به وضوح نشان می‌دهد که تنها مهم‌ترین دلیل برای حذف نصب برنامه، سرعت است. با این حال، اگر در یک بخش تثبیت شده مانند ما با یک استراتژی قوی برای کانال های توزیع فعالیت می کنید، تأثیر سرعت دیجیتال چندان واضح نیست، زیرا دیجیتال تنها منبع فروش ما نیست. این موضوع ترغیب مدیران به سرمایه گذاری روی سرعت را چالش برانگیزتر می کند.

هنگام معرفی مدیران خود، با روی آوردن به داده‌های عملکرد تاریخی خود در Google Analytics برای نشان دادن ارتباط بین زمان بارگیری و نرخ تبدیل، موارد خود را قوی‌تر کردیم. با حقایق سرد و سخت ما توانستیم نشان دهیم که هر ثانیه اضافی از زمان بارگذاری صفحه منجر به 15 تا 20٪ درآمد و فروش کمتر می شود.

نمودار بالا (به رنگ نارنجی) نرخ تبدیل سایت قدیمی را نشان می دهد که بر اساس زمان بارگذاری تقسیم شده است. به عنوان مثال، اولین نوار از سمت چپ نشان دهنده کاربرانی است که زمان بارگذاری کمتر از 2 ثانیه را تجربه کرده اند. نوار کنار آن نشان دهنده کاربرانی است که زمان بارگذاری بین 2 تا 3 ثانیه را تجربه کرده اند. نمودار پایین (به رنگ خاکستری) زمان بارگیری را نشان می دهد که همه کاربران واقعاً در سایت قدیمی تجربه کرده اند.

رویکرد

ما تصمیم گرفتیم یک برنامه وب پیشرفته (PWA) بسازیم. ما به طور خاص بر ترافیک تلفن همراه تمرکز کردیم زیرا بیش از 75٪ از مشتریان از وب سایت ما از طریق دستگاه تلفن همراه استفاده می کنند. این تیم به همان اندازه بر بهبود شاخص‌های کلیدی عملکرد و ارائه تجربه‌ای جذاب‌تر و جذاب‌تر تمرکز کرد.

ما یک تیم جدید اسکرام متقابل (شامل متخصصان فناوری اطلاعات، کسب و کار و UX) راه اندازی کردیم که هدف آن ارائه اثبات مفهومی برای پاسخ به سؤالات زیر بود:

• آیا می‌توانیم به طور موثر زمان بارگذاری را کاهش دهیم و در عین حال به محدودیت‌های مهم قدیمی خود احترام بگذاریم؟
• تاثیر واقعی بر تبدیل و درآمد چه خواهد بود؟

ما Next.js را به دلیل بهینه‌سازی‌های زیادی که یا به‌طور پیش‌فرض فعال هستند یا راه‌اندازی آن آسان است، مانند رندر خودکار سمت سرور (که مخصوصاً برای SEO ما مهم است)، واکشی اولیه داده‌ها و تقسیم کد، انتخاب کردیم. یکی دیگر از ملاحظات کلیدی ما این بود که Next.js ما را قادر می‌سازد تا صفحات را یک به یک بدون ایجاد مشکلی در برنامه‌های قدیمی خود منتقل کنیم. با این وجود، ما مجبور بودیم تحول را در یک محیط پیچیده مدیریت کنیم که در آن هنوز به سیستم‌های قدیمی متکی بودیم که در نتیجه سرویس‌ها در دسترس نبودند. برای رفع این مشکل ، Workbox را ادغام کرده‌ایم تا وب‌سایت ما همیشه در دسترس باشد، حتی اگر باطن خراب باشد. Workbox همچنین به لطف راه حل های داخلی خود برای پیش کش کردن، مسیریابی درخواست و ذخیره سازی زمان اجرا، عملکرد خوبی را به ما افزایش داد.

نتایج

PWA جدید ما دارای میانگین زمان بارگذاری 30٪ سریعتر از سایت قدیمی است، تبدیل ما در دستگاه های تلفن همراه 52٪ افزایش یافته است، نرخ پرش ما 12٪ بهبود یافته است، و عمق جلسه ما 18٪ بهبود یافته است. این تجربه مسیر استراتژیک را برای تبدیل همه راه حل های مشتری (شامل مراقبت از خود مشتری و بخش فروشندگان) به سمت فناوری PWA تأیید کرده است.