কমলা: নতুন PWA মোবাইলে 52% ভাল রূপান্তর করে

নতুন PWA-এর গড় লোডিং সময়ও পুরানো সাইটের তুলনায় 30% দ্রুত এবং বাউন্স রেট 12% এবং সেশনের গভীরতা 18% উন্নত হয়েছে।

অ্যাডাম স্ক্রিট
Adam Skręt
মার্সিন সিয়েরাকোস্কি
Marcin Sierakowski
রাফাল ফিলিপেক
Rafał Filipek

অরেঞ্জ পোলস্কা SA (আন্তর্জাতিক অরেঞ্জ গ্রুপের অংশ) হল পোল্যান্ডে টেলিযোগাযোগ পরিষেবাগুলির একটি নেতৃস্থানীয় প্রদানকারী, যার মধ্যে রয়েছে মোবাইল এবং নির্দিষ্ট টেলিযোগাযোগ পরিষেবা যেমন ভয়েস, ডেটা, ইন্টারনেট অ্যাক্সেস এবং টেলিভিশন। আমরা আইটি এবং ইন্টিগ্রেশন পরিষেবা, লিজড লাইন এবং অন্যান্য টেলিযোগাযোগ মূল্য সংযোজন পরিষেবা এবং সরঞ্জামও প্রদান করি।

নতুন PWA এর স্ক্রিনশট।

চ্যালেঞ্জ

আমরা সকলেই জানি যে উদ্বেগের অনুভূতি যা বিরক্তিতে পরিণত হয় যখন একটি ওয়েবসাইট চিরতরে লোড হতে লাগে। সামান্য বা কোন শারীরিক উপস্থিতি নেই এমন ডিজিটাল কোম্পানিগুলির জন্য এটির প্রভাব স্পষ্ট, বিশেষ করে যখন এটি মোবাইল অ্যাপগুলির ক্ষেত্রে আসে যেখানে আমাদের অভ্যন্তরীণ গবেষণা স্পষ্টভাবে দেখায় যে অ্যাপ ডি-ইন্সটলেশনের একক সবচেয়ে গুরুত্বপূর্ণ কারণ হল গতি৷ যাইহোক, আপনি যদি আমাদের মতো একটি প্রতিষ্ঠিত সেক্টরে ডিস্ট্রিবিউশন চ্যানেলের জন্য একটি শক্তিশালী ইট-এন্ড-মর্টার কৌশল নিয়ে কাজ করেন, ডিজিটাল গতির প্রভাব ততটা স্পষ্ট নয়, কারণ ডিজিটাল আমাদের বিক্রয়ের একমাত্র উৎস নয়। এটি এক্সিকিউটিভদের গতিতে বিনিয়োগ করতে রাজি করা আরও বেশি চ্যালেঞ্জিং করে তোলে।

আমাদের এক্সিকিউটিভদের পিচ করার সময়, আমরা লোডিং সময় এবং রূপান্তর হারের মধ্যে পারস্পরিক সম্পর্ক স্পষ্টভাবে দেখানোর জন্য Google Analytics-এ আমাদের ঐতিহাসিক পারফরম্যান্স ডেটাতে ফিরে গিয়ে আমাদের কেস আরও শক্তিশালী করেছি। ঠান্ডা, কঠিন তথ্যের সাথে আমরা দেখাতে সক্ষম হয়েছি যে পৃষ্ঠা লোড সময়ের প্রতিটি অতিরিক্ত সেকেন্ডে 15-20% কম আয় এবং বিক্রয় হয়েছে।

চার্ট যা লোডের সময় এবং রূপান্তরগুলির মধ্যে পারস্পরিক সম্পর্ক দেখায়।
উপরের চার্টটি (কমলা রঙে) পুরানো সাইটে রূপান্তর হার দেখায়, লোড হওয়ার সময় দ্বারা বিভক্ত। উদাহরণস্বরূপ, বাম দিক থেকে প্রথম বারটি সেই ব্যবহারকারীদের প্রতিনিধিত্ব করে যারা 2 সেকেন্ডের কম লোডিং সময় অনুভব করেছে৷ এর পাশের বারটি সেই ব্যবহারকারীদের প্রতিনিধিত্ব করে যারা 2 থেকে 3 সেকেন্ডের মধ্যে লোডিং সময় অনুভব করেছেন। নীচের চার্টটি (ধূসর রঙে) লোড হওয়ার সময়গুলি দেখায় যা প্রকৃতপক্ষে সমস্ত ব্যবহারকারীরা পুরানো সাইটে অনুভব করেছেন৷

এপ্রোচ

আমরা একটি প্রগতিশীল ওয়েব অ্যাপ (PWA) তৈরি করার সিদ্ধান্ত নিয়েছি। আমরা বিশেষভাবে মোবাইল ট্রাফিকের উপর ফোকাস করেছি কারণ 75% এরও বেশি গ্রাহক একটি মোবাইল ডিভাইসের মাধ্যমে আমাদের ওয়েবসাইট ব্যবহার করেন। দলটি মূল কর্মক্ষমতা সূচকের উন্নতি এবং আরও আকর্ষক এবং আকর্ষণীয় অভিজ্ঞতা প্রদানের উপর সমানভাবে দৃষ্টি নিবদ্ধ করে।

আমরা একটি নতুন ক্রস-ফাংশনাল স্ক্রাম টিম চালু করেছি (আইটি, ব্যবসা এবং ইউএক্স পেশাদার সহ) যার লক্ষ্য নিম্নলিখিত প্রশ্নের উত্তর দেওয়ার জন্য ধারণার প্রমাণ প্রদান করা:

  • আমাদের উল্লেখযোগ্য উত্তরাধিকার সীমাবদ্ধতাকে সম্মান করার সময় আমরা কি কার্যকরভাবে লোডিং সময় কমাতে সক্ষম?
  • রূপান্তর এবং রাজস্ব উপর প্রকৃত প্রভাব কি হবে?

আমরা Next.js বেছে নিয়েছি কারণ এর অনেকগুলি অপ্টিমাইজেশন যা হয় ডিফল্টরূপে সক্ষম বা সেট আপ করা সহজ, যেমন স্বয়ংক্রিয় সার্ভার-সাইড রেন্ডারিং (যা আমাদের এসইওর জন্য বিশেষভাবে গুরুত্বপূর্ণ), ডেটা প্রিফেচিং এবং কোড বিভাজন। আমাদের জন্য আরেকটি মূল বিবেচ্য বিষয় ছিল যে Next.js আমাদের লিগ্যাসি অ্যাপ্লিকেশনে কোনো সমস্যা না করেই একের পর এক পৃষ্ঠা স্থানান্তর করতে সক্ষম করেছে। তবুও, আমাদের একটি জটিল পরিবেশে রূপান্তর পরিচালনা করতে হয়েছিল যেখানে আমরা এখনও উত্তরাধিকার ব্যবস্থার উপর নির্ভরশীল ছিলাম, ফলে পরিষেবা অনুপলব্ধ হয়। এর প্রতিকারের জন্য আমরা ওয়ার্কবক্সকে একীভূত করেছি যাতে ব্যাকএন্ড ডাউন থাকলেও আমাদের ওয়েবসাইট সর্বদা উপলব্ধ থাকবে। ওয়ার্কবক্স প্রিক্যাচিং, রিকোয়েস্ট রাউটিং এবং রানটাইম ক্যাশিংয়ের জন্য এর অন্তর্নির্মিত সমাধানগুলির জন্য আমাদের চমৎকার পারফরম্যান্স বুস্ট করেছে।

ফলাফল

আমাদের নতুন PWA-এর গড় লোডিং সময় পুরানো সাইটের তুলনায় 30% দ্রুত, মোবাইল ডিভাইসে আমাদের রূপান্তর 52% বৃদ্ধি পেয়েছে, আমাদের বাউন্স রেট 12% উন্নত হয়েছে, এবং আমাদের সেশনের গভীরতা 18% উন্নত হয়েছে৷ এই অভিজ্ঞতা PWA প্রযুক্তির দিকে সমস্ত গ্রাহক-মুখী সমাধান (গ্রাহকের স্ব-যত্ন এবং বিক্রয়কর্মী ফ্রন্টএন্ড সহ) রূপান্তরিত করার কৌশলগত দিক নিশ্চিত করেছে।