مای نت هر ماه به بیش از 34 میلیون بازدید کننده از سایت خود مطالب و خدمات خبری، ویدیویی، بازی، مالی، اطلاعاتی و سرگرمی ارائه می دهد. پس از راه‌اندازی یک برنامه وب پیشرو (PWA) که از صفحات تسریع‌شده موبایل (AMP) برای محتوا استفاده می‌کند، شاهد کاهش 4 برابری در میانگین زمان بارگذاری صفحه بودند. علاوه بر این، Mynet شاهد افزایش قابل توجهی در تعامل کاربران بود و میانگین زمان صرف شده در سایت تلفن همراه آنها 43 درصد افزایش یافت.
- 25٪ درآمد بیشتر در هر بازدید از صفحه مقاله
- متوسط سرعت بارگذاری صفحه 4 برابر سریعتر
- 43 درصد میانگین زمان بیشتر در سایت
- 34٪ بازدید بیشتر از صفحه در هر جلسه
- 24 درصد نرخ پرش کمتر
چالش
با بیش از 85٪ از ترافیک تلفن همراه آنها از وب تلفن همراه، وب سایت تلفن همراه Mynet بخشی ضروری از استراتژی آنها است. با این حال، آنها متوجه شدند که کاربران 2 برابر کمتر از کاربران برنامه اصلی خود در سایت تلفن همراه زمان می گذرانند. هنگامی که Mynet رفتار کاربر را در سایت تلفن همراه خود تجزیه و تحلیل کرد، واضح بود که تجربه وب تلفن همراه آنها بسیار کند بود. مای نت نیاز داشت که یک وب سایت موبایل بسیار سریع و جذاب بسازد، مشابه آنچه که می توانست با یک برنامه بومی به دست آورد.
راه حل
برای هدایت ترافیک و تعامل مجدد به طور همزمان، Mynet یک PWA راه اندازی کرد که از AMP برای ارائه یک تجربه سریع و شبیه به برنامه در وب تلفن همراه استفاده می کند. با این تنظیمات، صفحات مقاله چهار برابر سریعتر از سایت قدیمی موبایل بارگیری می شوند. این منجر به کاهش 24 درصدی در نرخ پرش شد. مای نت همبستگی بین سرعت و تعامل را مشاهده کرد، زیرا کاربران شروع به گذراندن 43 درصد زمان بیشتر در سایت کردند. آنها همچنین شاهد افزایش 34 درصدی بازدید از صفحه در هر جلسه بودند. این همه در چند مرحله انجام شد:
شروع سریع با AMP
Mynet برای اولین بار از مقالات خود پشتیبانی کرد و به عنوان صفحات AMP مستقل خدمت کرد. این به آنها اجازه می دهد نتایج را در چرخ فلک AMP در نتایج جستجوی Google نشان دهند. همچنین به آنها اجازه می‌دهد عملکرد بارگذاری صفحه فوق‌العاده‌ای را برای کاربران خود در حال مرور محتوا در وب تلفن همراه ارائه دهند، که در شبکه‌های محدود یا ضعیف بسیار مهم است. راه اندازی صفحات AMP مستقل برای سیستم CMS آنها چالش بزرگی نبود و تنها دو هفته طول کشید تا تمام محتوای مقاله آنها در AMP راه اندازی شود.
برای اطمینان از اینکه تبلیغات تا حد امکان سریع و کارآمد ارائه می شود، Mynet تبلیغات AMP را راه اندازی کرد. این تبلیغات تا دو برابر سریعتر از تبلیغات استاندارد بارگیری می شوند و نرخ کلیک (CTR) و درآمد تا 30٪ افزایش می یابد.
سریع بمانید و دوباره با PWA درگیر شوید
در مرحله بعد، Mynet می خواست وب سایت تلفن همراه خود را بهبود بخشد، بنابراین آنها یک نسخه بتا جداگانه از سایت تلفن همراه خود با فناوری های PWA ساختند. آنها به این فناوری‌ها نگاه کردند تا به‌جای به‌روزرسانی حداقلی سایت اصلی‌شان، تجربه کاربری (UX) همه‌جانبه‌تر و کاربردی‌تر را ارائه دهند. به‌ویژه، آنها از سرویس‌کاران برای عملکرد قابل اعتماد در شبکه‌های پوسته‌دار استفاده کردند و کاربر از «افزودن به صفحه اصلی» به‌علاوه اعلان‌های فشاری برای تعامل مجدد استفاده کرد. آنها بهترین PWA در کلاس خود را با امتیاز عملکرد Lighthouse 95/100 ایجاد کردند. (Lighthouse ابزاری خودکار برای بهبود کیفیت صفحات وب است که می تواند در برابر هر صفحه ای در وب اجرا شود.)
AMP و PWA با هم بهتر کار می کنند
پس از آزمایش AMP و PWA به عنوان نسخه های مستقل و بهینه سازی عملکرد آنها، مای نت آماده بود تا به آخرین مرحله ساخت یک راه حل یکپارچه برای وب سایت تلفن همراه خود برود. قرار دادن صفحات محتوای AMP در داخل PWA سرعت و قابلیت استفاده را در سایت جدید تلفن همراه خود گرد هم آورده است. هنگامی که سایت ترکیبی AMP/PWA راه اندازی شد، Mynet تعداد نسخه های تولید وب را به نصف کاهش داد – موبایل و دسکتاپ – و تعداد پیاده سازی های مورد نیاز برای حفظ و بهبود کد را کاهش داد.
چرا از یک راه حل ترکیبی AMP/PWA استفاده کنیم؟ AMP عملکرد بارگذاری صفحه اول فوق العاده ای را در وب تلفن همراه ارائه می دهد، در حالی که PWA ها بازدیدهای تکراری را سریع و قابل اعتماد می کنند. به لطف درخواست «افزودن به صفحه اصلی» و اعلان‌های فشاری، PWAها همچنین به سایت‌ها اجازه می‌دهند تا تعامل مجدد کاربران خود را افزایش دهند. با هم، این استراتژی به Mynet اجازه می دهد تا بدون در نظر گرفتن شرایط شبکه، تجربیات با کیفیت بالا را در اولین یا تکرار بازدیدها ارائه دهد.
تقریباً 30٪ از بازدیدکنندگان وب سایت تلفن همراه Mynet از دستگاه iOS استفاده می کنند. Mynet شاهد افزایش 15 درصدی در میانگین بازدید از صفحه در هر جلسه و کاهش 23 درصدی در نرخ پرش در iOS بود - همه اینها علیرغم اینکه «افزودن به صفحه اصلی»، اعلان‌های فشاری و حافظه پنهان آفلاین به دلیل عدم پشتیبانی سرویس‌دهنده در iOS در دسترس نبودند. این افزایش تعامل ناشی از بهبود سرعت و رابط کاربری (UI) ارائه شده توسط PWA مبتنی بر AMP است.
تأثیر کلی استفاده از AMP در PWA آنها افزایش 25 درصدی درآمد تبلیغاتی به ازای بازدید از صفحه مقاله است.
با تمرکز مجدد روی سرعت، تصمیم گرفتیم AMP را ادغام کنیم و یک برنامه وب پیشرفته بسازیم. AMP برای کاهش رها شدن صفحه مهم بود و اکنون شاهد بارگذاری صفحات AMP چهار برابر سریعتر هستیم. با ساختن یک PWA، ما به یکسانی ویژگی ها با برنامه خود دست یافتیم و کاربران اکنون 43 درصد زمان بیشتری را در سایت ما می گذرانند و بیشتر اوقات دوباره درگیر می شوند.
M. Fuat Seker، مدیر گروه توسعه تجارت و محصول، Mynet
نتایج اضافی
- 2 برابر زمان بارگذاری سریعتر با تبلیغات AMP
- 30٪ CTR و درآمد بالاتر با تبلیغات AMP
- افزایش 15 درصدی در میانگین بازدید از صفحه در هر جلسه در iOS
- 23 درصد نرخ پرش کمتر در iOS