একটি স্টার্টআপের একটি সেরা-শ্রেণীর ওয়েব অভিজ্ঞতা তৈরির গল্প।
সম্পর্কে
2015 সালে প্রতিষ্ঠিত, Truebil হল একটি ভারতীয় অনলাইন মার্কেটপ্লেস যা 100% প্রত্যয়িত ব্যবহৃত গাড়ি বিক্রি করে। 1.4 মিলিয়নেরও বেশি মাসিক সক্রিয় ব্যবহারকারীদের সাথে, এটি একটি ওয়ান-স্টপ সমাধান যার মধ্যে শিরোনাম স্থানান্তর, বীমা, ঋণ এবং পরিষেবা ওয়ারেন্টি অন্তর্ভুক্ত রয়েছে। সম্ভাব্য গ্রাহকরা ছবি এবং বিশদ পরিদর্শন প্রতিবেদন সহ পৃথক পণ্য পৃষ্ঠাগুলি দেখতে পারেন এবং সাইটের "তুলনা" এবং "ট্রুস্কোর" বৈশিষ্ট্যগুলির সাথে গাড়ির মূল্যায়ন পেতে পারেন৷ Truebil তার পণ্যটিকে সমৃদ্ধ বৈশিষ্ট্যগুলির সাথে আলাদা করে, যার মধ্যে রয়েছে মেশিন লার্নিংয়ের উপর ভিত্তি করে ব্যক্তিগতকৃত সুপারিশ, একটি অ্যাড-টু-ফেভারিট বৈশিষ্ট্য, একটি শেয়ার-এ-কার বৈশিষ্ট্য এবং আরও অনেক কিছু।
চ্যালেঞ্জ
Truebil হল কম-ফ্রিকোয়েন্সি, উচ্চ-মূল্যের লেনদেন সহ একটি চর্বিহীন স্টার্টআপ, তাই অগ্রাধিকার দিতে এবং বিনিয়োগ করার জন্য সঠিক প্ল্যাটফর্ম বেছে নেওয়া গুরুত্বপূর্ণ ছিল।
Truebil তাদের টার্গেট প্ল্যাটফর্ম হিসাবে মোবাইলকে চিহ্নিত করেছে, এবং ওয়েবের সহজ আবিষ্কার এবং কম ঘর্ষণের কারণে তারা তাদের প্রথম অ্যাপ, Truebil Lite-এর জন্য ওয়েব বেছে নিয়েছে। ওয়েব প্রযুক্তি একটি অ্যান্ড্রয়েড/আইওএস অ্যাপ তৈরির তুলনায় কম ডেভেলপমেন্ট খরচ, কম ডেটা এবং মেমরি ব্যবহার এবং উল্লেখযোগ্যভাবে কম গ্রাহক অধিগ্রহণ খরচ প্রদান করে। এবং একটি প্রগতিশীল ওয়েব অ্যাপ (PWA) তৈরি করে, Truebil ওয়েবের সমস্ত সুবিধা এবং iOS/Android-এর সুবিধা পেতে পারে।
সমাধান
একটি ইন-হাউস টিম রিঅ্যাক্ট, জ্যাঙ্গো এবং প্রেক্ট (উৎপাদন মাইগ্রেশনের জন্য) ব্যবহার করে ট্রুবিল লাইট তৈরি করতে চার মাস সময় নিয়েছে। তারা ব্যবহারকারীর লক্ষ্যের উপর ভিত্তি করে ওয়েব অ্যাপের জন্য স্পষ্ট নির্দেশিকা নীতি নির্ধারণ করে। অভিজ্ঞতা হতে হবে:
- প্রথম লোড এবং পরবর্তী নেভিগেশনে দ্রুত ,
- নির্ভরযোগ্য , ব্যবহারকারীর নেটওয়ার্ক বা ডিভাইসের সীমাবদ্ধতা থেকে স্বাধীন, এবং
- আকর্ষক , বিশেষ করে ছোট মোবাইল স্ক্রিনের জন্য, তাই ব্যবহারকারীরা এতে ফিরে যেতে চাইবেন।
দ্রুত প্রথম লোড এবং নেভিগেশন জন্য অপ্টিমাইজ করুন
পারফরম্যান্স অপ্টিমাইজেশান গাইড করতে লাইটহাউস ব্যবহার করে, নতুন বৈশিষ্ট্যগুলি বাস্তবায়ন করার সময় দলটি একটি কর্মক্ষমতা-প্রথম সংস্কৃতি গ্রহণ করেছে৷ Truebil ফার্স্ট কনটেন্টফুল পেইন্ট এবং টাইম টু ইন্টারঅ্যাকটিভ (TTI) মেট্রিক্সকে অগ্রাধিকার দিয়ে এবং দ্রুত প্রথম লোড, পুনরাবৃত্তি ভিজিট এবং মসৃণ নেভিগেশনের জন্য অপ্টিমাইজ করে ব্যবহারকারীর অভিজ্ঞতাকে উল্লেখযোগ্যভাবে উন্নত করতে সক্ষম হয়েছে। দলটি পারফরম্যান্স বাজেট সেট করে এবং সেগুলি অর্জনের জন্য বিভিন্ন কৌশল ব্যবহার করে সেই ফলাফলগুলি অর্জন করেছে।
কর্মক্ষমতা বাজেট সেট করুন
পারফরম্যান্স-প্রথম মানসিকতার সাথে, Truebil টিম প্রথম লোডের জন্য সার্ভার-সাইড রেন্ডারিং এবং পরবর্তী লোডের জন্য ক্লায়েন্ট-সাইড রেন্ডারিং সহ একটি একক পৃষ্ঠা অ্যাপ হিসাবে তাদের অভিজ্ঞতাকে স্থপতি করতে বেছে নিয়েছে। ক্লায়েন্ট সাইড রেন্ডারিং পারফরম্যান্টের সাথে ওয়েব অ্যাপগুলি রাখা কঠিন হতে পারে, তাই Truebil খুব কঠোর পারফরম্যান্স বাজেট সেট করে যাতে তারা গতিতে আপস না করে, বিশেষ করে যেহেতু তারা আরও বৈশিষ্ট্য যুক্ত করে।
দলটি টিটিআই-এর জন্য কঠোর মাইলফলক-ভিত্তিক বাজেট সেট করেছে যাতে এটি পাঁচ সেকেন্ডের নিচে রাখার লক্ষ্য ছিল। সেই লক্ষ্য পূরণের জন্য তারা ম্যানুয়ালি নিশ্চিত করেছে যে কোনও বিল্ড 250 KB জাভাস্ক্রিপ্ট বান্ডেলের আকারের বেশি হবে না, ছবির আকারগুলির উপর একটি ধ্রুবক চেক রাখে এবং অ্যাপের লাইটহাউস পারফরম্যান্স স্কোর ক্রমাগত ট্র্যাক করে।
জাভাস্ক্রিপ্ট বান্ডিল অপ্টিমাইজ করুন
দলটি জাভাস্ক্রিপ্ট পেলোডগুলিকে প্রিক্যাচ এবং অপ্টিমাইজ করার জন্য PRPL প্যাটার্ন ব্যবহার করে এবং সমালোচনামূলক জাভাস্ক্রিপ্ট বান্ডেলগুলি পরিবেশন করার জন্য HTTP/2-এ যাওয়ার মাধ্যমে প্রাথমিক বিষয়গুলি দিয়ে শুরু করেছে৷
অ-সমালোচনামূলক সংস্থানগুলিকে অলস লোড করতে, তারা তাদের ফ্রেমওয়ার্ক-স্তরের অলস লোডিং উপাদানগুলিকে ভাঁজের নীচের অংশগুলি লোড করতে ব্যবহার করেছিল।
জাভাস্ক্রিপ্ট বান্ডিলের কোনো বাধা দূর করতে, দলটি কোড বিভাজনের মাধ্যমে পেলোড কমিয়েছে । তারা প্রধান বান্ডেলের আকার কমাতে এবং তাদের লোডিং টাইম 44% উন্নত করতে উপাদান- এবং রুট-ভিত্তিক চঙ্কিং ব্যবহার করেছে, TTI 6 সেকেন্ড থেকে প্রায় 5 সেকেন্ডে এবং ফার্স্ট মিনিংফুল পেইন্ট (FMP) 4.1 সেকেন্ড থেকে 3.6 সেকেন্ডে নেমে এসেছে।
ইনলাইন সমালোচনামূলক CSS
এফএমপিকে আরও উন্নত করার জন্য, দলটি পারফরম্যান্স অপ্টিমাইজেশনের প্রভাবের জন্য সুযোগ খুঁজে পেতে এবং যাচাই করতে লাইটহাউস ব্যবহার করে। লাইটহাউস ইঙ্গিত দিয়েছে যে রেন্ডার ব্লকিং সিএসএস হ্রাস করা সবচেয়ে বড় প্রভাব ফেলবে, তাই ট্রুবিল সমস্ত সমালোচনামূলক CSS ইনলাইন করে এবং অ-সমালোচনামূলক CSSকে পিছিয়ে দেয় । এই কৌশলটি FMP প্রায় 2 সেকেন্ড কমিয়েছে ।
যেকোন উৎসের একাধিক, ব্যয়বহুল রাউন্ড ট্রিপ এড়িয়ে চলুন
DNS এবং TLS থেকে ওভারহেড কমাতে, Truebil <link rel="preconnect"> এবং <link rel="dns-prefetch"> ব্যবহার করেছে। এই পদ্ধতির ফলে ব্রাউজারটি পৃষ্ঠা লোডের সময় যত তাড়াতাড়ি সম্ভব TLS হ্যান্ডশেক সম্পূর্ণ করে এবং ক্রস-অরিজিন ডোমেন নামগুলি প্রাক-সমাধান করে, একটি নিরাপদ, চটকদার ব্যবহারকারীর অভিজ্ঞতার জন্য অনুমতি দেয়।
<link rel=preconnect> যোগ করার প্রভাব। পরবর্তী পৃষ্ঠাটি গতিশীলভাবে প্রিফেচ করুন
তাদের ডেটা বিশ্লেষণ করে, দলটি সবচেয়ে সাধারণ ব্যবহারকারীর যাত্রা শনাক্ত করেছে যা তারা অপ্টিমাইজ করতে পারে। এই ক্ষেত্রে, ব্যবহারকারীদের জন্য মসৃণ নেভিগেশন নিশ্চিত করতে অ্যাপটি <link rel=prefetch> ব্যবহার করে পরবর্তী পৃষ্ঠার সংস্থানটি গতিশীলভাবে ডাউনলোড করে। যখন দলটি প্রিফেচ করার জন্য লিঙ্কগুলিকে ম্যানুয়ালি সনাক্ত করে, তারা সেই লিঙ্কগুলির জন্য JS বান্ডিল করতে ওয়েবপ্যাক ব্যবহার করে৷
ইমেজ এবং ফন্ট অপ্টিমাইজ করুন
ছবিগুলি ট্রুবিলের পণ্যের অভিজ্ঞতা এবং বিশ্বাসযোগ্যতার একটি গুরুত্বপূর্ণ অংশ, প্রতিটি পণ্যের তালিকা সহ 40টি ছবি পর্যন্ত। ছবিগুলি যাতে পৃষ্ঠা লোডকে অবরুদ্ধ না করে তা নিশ্চিত করার জন্য, দলটি তাদের সমস্ত সংস্থান একটি CDN থেকে পরিবেশন করা এবং ইমেজ অপ্টিমাইজেশানের জন্য imagemagick ব্যবহার করা বেছে নিয়েছে৷ লোডের সময় আরও কমাতে তারা ছবি, জাভাস্ক্রিপ্ট এবং সিএসএস সহ সমস্ত সংকোচনযোগ্য সংস্থান জিজিপ করেছে।
যতটা সম্ভব কম লোড করার সময় অদৃশ্য পাঠ্যের ফ্ল্যাশ এড়াতে , ট্রুবিল তাদের সিএসএস সেট আপ করে যাতে বহিরাগত ফন্ট লোড না হওয়া পর্যন্ত সিস্টেম ফন্টগুলিকে ফলব্যাক হিসাবে ব্যবহার করা যায়।
আরও অপ্টিমাইজেশান
অ্যাপটি প্রস্তুত হলে, দলটি বিক্রেতার বান্ডেলের আকার এবং জাভাস্ক্রিপ্ট এক্সিকিউশন সময়কে আরও কমাতে চেয়েছিল, তাই তারা তাদের প্রতিক্রিয়া অ্যাপটিকে প্রোডাকশনে প্রেক্ট করতে স্যুইচ করেছে। ( প্রতিক্রিয়া সংগ্রহে আরও জানুন।) এই পদ্ধতি তাদের বিক্রেতা বান্ডেলের আকার 82.3 KB থেকে 51.2 KB-তে কমাতে সাহায্য করেছে।
নির্ভরযোগ্যতা তৈরি করুন
ভারতীয় বাজারের উপর ফোকাস রেখে, ট্রুবিল-এর ব্যবহারকারীদের একটি বিশাল সংখ্যাগরিষ্ঠ তাদের পণ্যগুলি প্যাচি নেটওয়ার্কগুলিতে অ্যাক্সেস করে যা কখনও কখনও 2G এর মতো কম ব্যান্ডউইথের মধ্যে পড়ে। তাই একটি স্থিতিস্থাপক অভিজ্ঞতা তৈরি করা শুধুমাত্র সীমাবদ্ধ নেটওয়ার্ক অবস্থার মধ্যে পারফরম্যান্সের উন্নতির জন্য নয় বরং তাদের ব্যবহারকারীরা নির্ভর করতে পারে এমন একটি পণ্য সরবরাহ করার জন্যও গুরুত্বপূর্ণ ছিল - যা সর্বদা কাজ করে।
নির্ভরযোগ্য লোডিংয়ের জন্য একটি হাইব্রিড ক্যাশিং কৌশল
Truebil এর বিষয়বস্তুর জন্য ইন্টারঅ্যাক্টিভিটি এবং পরিবর্তনের হার অনেক পরিবর্তিত হয়। এটির সমস্ত বিষয়বস্তু তাজা এবং নির্ভরযোগ্য উভয়ই নিশ্চিত করতে, Truebil টিম নেটওয়ার্ক-প্রথম, ক্যাশে-প্রথম এবং দ্রুততম-প্রথম কৌশলগুলির সংমিশ্রণ ব্যবহার করে API ক্যাশিং প্রয়োগ করেছে৷
স্ট্যাটিক পৃষ্ঠাগুলির জন্য, যেমন সাবস্ক্রিপশন পৃষ্ঠা, Truebil একটি ক্যাশে-প্রথম কৌশল ব্যবহার করে প্রথমে তাদের সাবস্ক্রিপশন API ক্যাশে যেতে, নেটওয়ার্কে ফিরে আসে।
গতিশীল বিষয়বস্তু সহ পৃষ্ঠাগুলির জন্য যা খুব কমই পরিবর্তিত হয়, যেমন তাদের পণ্য তালিকা বা বিবরণ পৃষ্ঠাগুলির জন্য, Truebil একটি নেটওয়ার্ক-প্রথম কৌশল ব্যবহার করে যাতে নেটওয়ার্ক অনুপলব্ধ হলে API ক্যাশে ফিরে আসার আগে ব্রাউজার প্রথমে সামগ্রীর জন্য নেটওয়ার্ক পরীক্ষা করে।
এবং ডায়নামিক পৃষ্ঠাগুলির জন্য যেগুলি প্রায়শই পরিবর্তিত হয়, যেমন হোম, ফিল্টার, অনুসন্ধান এবং শহরের পৃষ্ঠাগুলির জন্য, Truebil নেটওয়ার্ক বা ক্যাশের মধ্যে যেটি প্রথমে আসে তার উপর ভিত্তি করে বেছে নেওয়ার জন্য একটি দ্রুত-প্রথম কৌশল ব্যবহার করে৷ বিষয়বস্তু তাজা তা নিশ্চিত করতে, নেটওয়ার্ক প্রতিক্রিয়া ক্যাশে যা আছে তার থেকে আলাদা হলেই ক্যাশে আপডেট করা হয়৷
একটি সম্পূর্ণ অফলাইন অভিজ্ঞতার জন্য পরিষেবা কর্মী
যদিও Truebil-এর বিষয়বস্তুর একটি বড় অংশ অত্যন্ত গতিশীল—যেকোনো সময়ে গাড়ি যোগ করা বা কেনা যায়—দলটি নিশ্চিত করতে চেয়েছিল যে তাদের ব্যবহারকারীদের সাথে জড়িত থাকার জন্য কিছু বিষয়বস্তু আছে, এমনকি তারা প্যাচী নেটওয়ার্কের মধ্য দিয়ে যাচ্ছেন বা সম্পূর্ণ অফলাইন থাকলেও৷
পরিষেবা কর্মীদের ব্যবহার করে, দলটি স্ট্যাটিক ডেটা এবং ডাইনামিক ডেটা উভয়ই ক্যাশে করতে সক্ষম হয়েছিল যা একজন ব্যবহারকারী ইতিমধ্যেই ইন্টারঅ্যাক্ট করেছে যাতে ব্যবহারকারী অফলাইনে দেখতে পারে৷ ব্যবহারকারীরা অনলাইনে ফিরে এলে বিষয়বস্তু পরিবর্তিত হতে পারে তা নিশ্চিত করার জন্য, টিম অফলাইন মোড নির্দেশ করতে UI কে গ্রেস্কেলে পরিবর্তন করেছে। পণ্য পৃষ্ঠাগুলি ব্রাউজ করা Truebil ব্যবহারকারীর যাত্রার একটি গুরুত্বপূর্ণ অংশ। যে ব্যবহারকারীরা অন্তত একবার PWA পরিদর্শন করেছেন তারা তালিকা এবং পণ্যের পৃষ্ঠাগুলি ব্রাউজ করতে পারেন যা তারা আগে দেখেছেন কিন্তু তালিকা বা পণ্যের কোনো আপডেট দেখতে পারবেন না।
ব্যবহারকারীদের ফিরে আসার জন্য ব্যস্ততা উন্নত করুন
একটি আকর্ষক প্রথম অভিজ্ঞতা
যেহেতু তাদের বেশিরভাগ ব্যবহারকারীরা অর্থপ্রদানকারী চ্যানেল থেকে এসেছেন, তাই Truebil-কে তাদের দ্রুত লোডিং ওয়েব অ্যাপকে একটি পণ্যের সাথে সম্পূরক করতে হবে যা রূপান্তর বাড়ানোর জন্য অত্যন্ত প্রাসঙ্গিক সুপারিশগুলিকে পৃষ্ঠ করে। যদিও দলটি বিদ্যমান ব্যবহারকারীদের জন্য পরিশীলিত ফিল্টারিংয়ের উপর ভিত্তি করে একটি সুপারিশ সিস্টেম ব্যবহার করে, তাদের সিস্টেম প্রথমবার লগ ইন করা ব্যবহারকারীদের জন্য কাজ করে না।
তাদের প্রথমবারের ব্যবহারকারীদের একটি ঠান্ডা সূচনা এড়াতে, দলটি তাদের ডিজিটাল বিপণন প্রচেষ্টা ব্যবহার করে একটি সুপারিশ সিস্টেম সংহত করেছে। তারা একটি UTM প্যারামিটারের মাধ্যমে একটি বিজ্ঞাপনের গন্তব্য URL-এ গাড়ির মডেল, মূল্য এবং শরীরের প্রকারের মতো পণ্যের বিবরণ যোগ করে, যা তাদের সুপারিশ সিস্টেম দ্বারা পড়া হয় এবং প্রদর্শিত পণ্যগুলিতে প্রতিফলিত হয়। যদি sysme ইউআরএল-এ এমন কোনও বিবরণ না পড়ে, তবে এটি জনপ্রিয় গাড়িগুলিতে ফিরে আসে, যা জনপ্রিয় মডেল, জনপ্রিয় বাজেট এবং গত কয়েক সপ্তাহ বা দিনে জনপ্রিয় গাড়িগুলির সংমিশ্রণ।
একটি ইনস্টলযোগ্য ওয়েব অ্যাপ
একটি আকর্ষক ব্যবহারকারীর অভিজ্ঞতা সহ একটি দ্রুত, পূর্ণ বৈশিষ্ট্যযুক্ত ওয়েব অ্যাপ তৈরি করার পরে, Truebil তাদের ব্যবহারকারীরা ফিরে আসতে থাকবে তা নিশ্চিত করতে চেয়েছিল। তারা বুঝতে পেরেছিল যে অ্যাপটি ইনস্টলযোগ্য করে তোলার ফলে পুনরাবৃত্তি ভিজিট অনেক বেশি নির্বিঘ্ন হবে।
দলটি তাদের পণ্যকে একটি সম্পূর্ণ প্রগতিশীল ওয়েব অ্যাপ (PWA) করতে হোম স্ক্রীনে যুক্ত বৈশিষ্ট্যটি প্রয়োগ করেছে। এই পদ্ধতিটি ব্যবহারকারীদের হোম স্ক্রিনে Truebil Lite যোগ করতে এবং এটিকে পূর্ণ-স্ক্রীন মোডে চালু করার অনুমতি দেয়। এবং যেহেতু তারা ইতিমধ্যে একটি অফলাইন মোড প্রয়োগ করেছে, তাই দলটি সহজেই নতুন বৈশিষ্ট্য যোগ করতে সক্ষম হয়েছে।
তাদের ব্যবহারকারীদের স্প্যাম করা হয়নি তা নিশ্চিত করতে এবং ব্যবহারকারীরা অ্যাপটি ইনস্টল করার সম্ভাবনা বাড়ানোর জন্য, দলটি সম্প্রতি PWA ইনস্টলেশনের প্রচারের জন্য তাদের কৌশল আপডেট করেছে যাতে ইনস্টলেশন প্রম্পটগুলি উপস্থিত হয় যখন তারা আসলে বিভিন্ন ধরণের ব্যবহারকারীদের জন্য উপযোগী হবে। ট্রুবিল একটি তিন-অংশের কৌশলে বসতি স্থাপন করেছে:
- ব্যবহারকারী যখন একটি ক্রিয়া সম্পন্ন করে বা নিষ্ক্রিয় থাকে তখন প্রম্পট দেখান৷
- পরিপক্ক ব্যবহারকারীদের প্রাসঙ্গিক প্রম্পট দেখান।
- ব্যবহারকারী যখন সাইটে নির্দিষ্ট পরিমাণ সময় ব্যয় করে তখন একটি ব্যানার দেখান।
প্রক্রিয়া সমাপ্তিতে এবং উচ্চ-ট্র্যাফিক পৃষ্ঠাগুলিতে ডিফল্ট ব্যানার
দলটি একটি ইনস্টলেশন ব্যানার দেখানোর সিদ্ধান্ত নিয়েছে যখন কোনও ব্যবহারকারী একটি কাজ সম্পূর্ণ করে বা উচ্চ-ট্রাফিক পৃষ্ঠাগুলিতে থাকে কিন্তু নিষ্ক্রিয় থাকে (অর্থাৎ, স্ক্রোল করা বা ফর্ম পূরণ করার মতো কোনও পদক্ষেপ না নেওয়া)৷ এই পদ্ধতি তাদের ব্যবহারকারীর কার্যকলাপ বাধা এড়াতে অনুমতি দেয়.
প্রাপ্তবয়স্ক ব্যবহারকারীদের জন্য প্রাসঙ্গিক প্রম্পট
যে ব্যবহারকারীরা কিছুক্ষণের জন্য অ্যাপটির সাথে ইন্টারঅ্যাক্ট করেছেন তাদের জন্য, দলটি হোম স্ক্রিনে অ্যাপটি ইনস্টল করার মান দেখানোর জন্য অত্যন্ত প্রাসঙ্গিক কাস্টম বার্তা ব্যবহার করেছে:
সময়-ভিত্তিক প্রম্পটের জন্য একটি কাস্টম ব্যানার
পরিশেষে, টিমটি একটি অ-অনুপ্রবেশকারী ব্যানারে তৈরি একটি নোটিফিকেশনের মতো ডিজাইন যা নির্দিষ্ট ইভেন্টে ট্রিগার হয়, যেমন একটি তালিকা পৃষ্ঠা খোলা বা ব্যবহারকারী অ্যাপে একটি নির্দিষ্ট পরিমাণ সময় ব্যয় করার পরে:
এই উন্নতিগুলির কারণে, Truebil-এর রূপান্তর এবং ব্যস্ততার হার 26% দীর্ঘ ব্যবহারকারী সেশন এবং 61% বেশি রূপান্তরের সাথে উল্লেখযোগ্যভাবে বৃদ্ধি পেয়েছে, যা প্রতিটি রূপান্তরের উচ্চ লেনদেনের মূল্যের কারণে তাদের ব্যবসার জন্য তাৎপর্যপূর্ণ।
সীমিত সংস্থান সহ একটি স্টার্টআপের জন্য, সঠিক প্ল্যাটফর্ম নির্বাচন করা ব্যবসার সাফল্যের জন্য গুরুত্বপূর্ণ হতে পারে। গতি, স্থিতিস্থাপকতা এবং ব্যস্ততার উপর দৃষ্টি নিবদ্ধ করে একটি PWA-তে চলে যাওয়া, বর্ধিত রূপান্তর এবং ওয়েবের ঘর্ষণহীন নাগালের জন্য আমাদের আয়-থেকে-মার্কেটিং ব্যয় 80% বৃদ্ধি করতে সক্ষম করেছে।
রাকেশ রমন, ট্রুবিলের প্রোডাক্ট অ্যান্ড ডেটা সায়েন্সের সহ-প্রতিষ্ঠাতা এবং প্রধান
44 %
লোডিং সময়ের উন্নতি
26 %
দীর্ঘতর ব্যবহারকারী সেশন
61 %
রূপান্তর বৃদ্ধি
80 %
আয়-থেকে-বিপণন ব্যয় বৃদ্ধি
একটি স্টার্টআপের একটি সেরা-শ্রেণীর ওয়েব অভিজ্ঞতা তৈরির গল্প।
সম্পর্কে
2015 সালে প্রতিষ্ঠিত, Truebil হল একটি ভারতীয় অনলাইন মার্কেটপ্লেস যা 100% প্রত্যয়িত ব্যবহৃত গাড়ি বিক্রি করে। 1.4 মিলিয়নেরও বেশি মাসিক সক্রিয় ব্যবহারকারীদের সাথে, এটি একটি ওয়ান-স্টপ সমাধান যার মধ্যে শিরোনাম স্থানান্তর, বীমা, ঋণ এবং পরিষেবা ওয়ারেন্টি অন্তর্ভুক্ত রয়েছে। সম্ভাব্য গ্রাহকরা ছবি এবং বিশদ পরিদর্শন প্রতিবেদন সহ পৃথক পণ্য পৃষ্ঠাগুলি দেখতে পারেন এবং সাইটের "তুলনা" এবং "ট্রুস্কোর" বৈশিষ্ট্যগুলির সাথে গাড়ির মূল্যায়ন পেতে পারেন৷ Truebil তার পণ্যটিকে সমৃদ্ধ বৈশিষ্ট্যগুলির সাথে আলাদা করে, যার মধ্যে রয়েছে মেশিন লার্নিংয়ের উপর ভিত্তি করে ব্যক্তিগতকৃত সুপারিশ, একটি অ্যাড-টু-ফেভারিট বৈশিষ্ট্য, একটি শেয়ার-এ-কার বৈশিষ্ট্য এবং আরও অনেক কিছু।
চ্যালেঞ্জ
Truebil হল কম-ফ্রিকোয়েন্সি, উচ্চ-মূল্যের লেনদেন সহ একটি চর্বিহীন স্টার্টআপ, তাই অগ্রাধিকার দিতে এবং বিনিয়োগ করার জন্য সঠিক প্ল্যাটফর্ম বেছে নেওয়া গুরুত্বপূর্ণ ছিল।
Truebil তাদের টার্গেট প্ল্যাটফর্ম হিসাবে মোবাইলকে চিহ্নিত করেছে, এবং ওয়েবের সহজ আবিষ্কার এবং কম ঘর্ষণের কারণে তারা তাদের প্রথম অ্যাপ, Truebil Lite-এর জন্য ওয়েব বেছে নিয়েছে। ওয়েব প্রযুক্তি একটি অ্যান্ড্রয়েড/আইওএস অ্যাপ তৈরির তুলনায় কম ডেভেলপমেন্ট খরচ, কম ডেটা এবং মেমরি ব্যবহার এবং উল্লেখযোগ্যভাবে কম গ্রাহক অধিগ্রহণ খরচ প্রদান করে। এবং একটি প্রগতিশীল ওয়েব অ্যাপ (PWA) তৈরি করে, Truebil ওয়েবের সমস্ত সুবিধা এবং iOS/Android-এর সুবিধা পেতে পারে।
সমাধান
একটি ইন-হাউস টিম রিঅ্যাক্ট, জ্যাঙ্গো এবং প্রেক্ট (উৎপাদন মাইগ্রেশনের জন্য) ব্যবহার করে ট্রুবিল লাইট তৈরি করতে চার মাস সময় নিয়েছে। তারা ব্যবহারকারীর লক্ষ্যের উপর ভিত্তি করে ওয়েব অ্যাপের জন্য স্পষ্ট নির্দেশিকা নীতি নির্ধারণ করে। অভিজ্ঞতা হতে হবে:
- প্রথম লোড এবং পরবর্তী নেভিগেশনে দ্রুত ,
- নির্ভরযোগ্য , ব্যবহারকারীর নেটওয়ার্ক বা ডিভাইসের সীমাবদ্ধতা থেকে স্বাধীন, এবং
- আকর্ষক , বিশেষ করে ছোট মোবাইল স্ক্রিনের জন্য, তাই ব্যবহারকারীরা এতে ফিরে যেতে চাইবেন।
দ্রুত প্রথম লোড এবং নেভিগেশন জন্য অপ্টিমাইজ করুন
পারফরম্যান্স অপ্টিমাইজেশান গাইড করতে লাইটহাউস ব্যবহার করে, নতুন বৈশিষ্ট্যগুলি বাস্তবায়ন করার সময় দলটি একটি কর্মক্ষমতা-প্রথম সংস্কৃতি গ্রহণ করেছে৷ Truebil ফার্স্ট কনটেন্টফুল পেইন্ট এবং টাইম টু ইন্টারঅ্যাকটিভ (TTI) মেট্রিক্সকে অগ্রাধিকার দিয়ে এবং দ্রুত প্রথম লোড, পুনরাবৃত্তি ভিজিট এবং মসৃণ নেভিগেশনের জন্য অপ্টিমাইজ করে ব্যবহারকারীর অভিজ্ঞতাকে উল্লেখযোগ্যভাবে উন্নত করতে সক্ষম হয়েছে। দলটি পারফরম্যান্স বাজেট সেট করে এবং সেগুলি অর্জনের জন্য বিভিন্ন কৌশল ব্যবহার করে সেই ফলাফলগুলি অর্জন করেছে।
কর্মক্ষমতা বাজেট সেট করুন
পারফরম্যান্স-প্রথম মানসিকতার সাথে, Truebil টিম প্রথম লোডের জন্য সার্ভার-সাইড রেন্ডারিং এবং পরবর্তী লোডের জন্য ক্লায়েন্ট-সাইড রেন্ডারিং সহ একটি একক পৃষ্ঠা অ্যাপ হিসাবে তাদের অভিজ্ঞতাকে স্থপতি করতে বেছে নিয়েছে। ক্লায়েন্ট সাইড রেন্ডারিং পারফরম্যান্টের সাথে ওয়েব অ্যাপগুলি রাখা কঠিন হতে পারে, তাই Truebil খুব কঠোর পারফরম্যান্স বাজেট সেট করে যাতে তারা গতিতে আপস না করে, বিশেষ করে যেহেতু তারা আরও বৈশিষ্ট্য যুক্ত করে।
দলটি টিটিআই-এর জন্য কঠোর মাইলফলক-ভিত্তিক বাজেট সেট করেছে যাতে এটি পাঁচ সেকেন্ডের নিচে রাখার লক্ষ্য ছিল। সেই লক্ষ্য পূরণের জন্য তারা ম্যানুয়ালি নিশ্চিত করেছে যে কোনও বিল্ড 250 KB জাভাস্ক্রিপ্ট বান্ডেলের আকারের বেশি হবে না, ছবির আকারগুলির উপর একটি ধ্রুবক চেক রাখে এবং অ্যাপের লাইটহাউস পারফরম্যান্স স্কোর ক্রমাগত ট্র্যাক করে।
জাভাস্ক্রিপ্ট বান্ডিল অপ্টিমাইজ করুন
দলটি জাভাস্ক্রিপ্ট পেলোডগুলিকে প্রিক্যাচ এবং অপ্টিমাইজ করার জন্য PRPL প্যাটার্ন ব্যবহার করে এবং সমালোচনামূলক জাভাস্ক্রিপ্ট বান্ডেলগুলি পরিবেশন করার জন্য HTTP/2-এ যাওয়ার মাধ্যমে প্রাথমিক বিষয়গুলি দিয়ে শুরু করেছে৷
অ-সমালোচনামূলক সংস্থানগুলিকে অলস লোড করতে, তারা তাদের ফ্রেমওয়ার্ক-স্তরের অলস লোডিং উপাদানগুলিকে ভাঁজের নীচের অংশগুলি লোড করতে ব্যবহার করেছিল।
জাভাস্ক্রিপ্ট বান্ডিলের কোনো বাধা দূর করতে, দলটি কোড বিভাজনের মাধ্যমে পেলোড কমিয়েছে । তারা প্রধান বান্ডেলের আকার কমাতে এবং তাদের লোডিং টাইম 44% উন্নত করতে উপাদান- এবং রুট-ভিত্তিক চঙ্কিং ব্যবহার করেছে, TTI 6 সেকেন্ড থেকে প্রায় 5 সেকেন্ডে এবং ফার্স্ট মিনিংফুল পেইন্ট (FMP) 4.1 সেকেন্ড থেকে 3.6 সেকেন্ডে নেমে এসেছে।
ইনলাইন সমালোচনামূলক CSS
এফএমপিকে আরও উন্নত করার জন্য, দলটি পারফরম্যান্স অপ্টিমাইজেশনের প্রভাবের জন্য সুযোগ খুঁজে পেতে এবং যাচাই করতে লাইটহাউস ব্যবহার করে। লাইটহাউস ইঙ্গিত দিয়েছে যে রেন্ডার ব্লকিং সিএসএস হ্রাস করা সবচেয়ে বড় প্রভাব ফেলবে, তাই ট্রুবিল সমস্ত সমালোচনামূলক CSS ইনলাইন করে এবং অ-সমালোচনামূলক CSSকে পিছিয়ে দেয় । এই কৌশলটি FMP প্রায় 2 সেকেন্ড কমিয়েছে ।
যেকোন উৎসের একাধিক, ব্যয়বহুল রাউন্ড ট্রিপ এড়িয়ে চলুন
DNS এবং TLS থেকে ওভারহেড কমাতে, Truebil <link rel="preconnect"> এবং <link rel="dns-prefetch"> ব্যবহার করেছে। এই পদ্ধতির ফলে ব্রাউজারটি পৃষ্ঠা লোডের সময় যত তাড়াতাড়ি সম্ভব TLS হ্যান্ডশেক সম্পূর্ণ করে এবং ক্রস-অরিজিন ডোমেন নামগুলি প্রাক-সমাধান করে, একটি নিরাপদ, চটকদার ব্যবহারকারীর অভিজ্ঞতার জন্য অনুমতি দেয়।
<link rel=preconnect> যোগ করার প্রভাব। পরবর্তী পৃষ্ঠাটি গতিশীলভাবে প্রিফেচ করুন
তাদের ডেটা বিশ্লেষণ করে, দলটি সবচেয়ে সাধারণ ব্যবহারকারীর যাত্রা শনাক্ত করেছে যা তারা অপ্টিমাইজ করতে পারে। এই ক্ষেত্রে, ব্যবহারকারীদের জন্য মসৃণ নেভিগেশন নিশ্চিত করতে অ্যাপটি <link rel=prefetch> ব্যবহার করে পরবর্তী পৃষ্ঠার সংস্থানটি গতিশীলভাবে ডাউনলোড করে। যখন দলটি প্রিফেচ করার জন্য লিঙ্কগুলিকে ম্যানুয়ালি সনাক্ত করে, তারা সেই লিঙ্কগুলির জন্য JS বান্ডিল করতে ওয়েবপ্যাক ব্যবহার করে৷
ইমেজ এবং ফন্ট অপ্টিমাইজ করুন
ছবিগুলি ট্রুবিলের পণ্যের অভিজ্ঞতা এবং বিশ্বাসযোগ্যতার একটি গুরুত্বপূর্ণ অংশ, প্রতিটি পণ্যের তালিকা সহ 40টি ছবি পর্যন্ত। ছবিগুলি যাতে পৃষ্ঠা লোডকে অবরুদ্ধ না করে তা নিশ্চিত করার জন্য, দলটি তাদের সমস্ত সংস্থান একটি CDN থেকে পরিবেশন করা এবং ইমেজ অপ্টিমাইজেশানের জন্য imagemagick ব্যবহার করা বেছে নিয়েছে৷ লোডের সময় আরও কমাতে তারা ছবি, জাভাস্ক্রিপ্ট এবং সিএসএস সহ সমস্ত সংকোচনযোগ্য সংস্থান জিজিপ করেছে।
যতটা সম্ভব কম লোড করার সময় অদৃশ্য পাঠ্যের ফ্ল্যাশ এড়াতে , ট্রুবিল তাদের সিএসএস সেট আপ করে যাতে বহিরাগত ফন্ট লোড না হওয়া পর্যন্ত সিস্টেম ফন্টগুলিকে ফলব্যাক হিসাবে ব্যবহার করা যায়।
আরও অপ্টিমাইজেশান
অ্যাপটি প্রস্তুত হলে, দলটি বিক্রেতার বান্ডেলের আকার এবং জাভাস্ক্রিপ্ট এক্সিকিউশন সময়কে আরও কমাতে চেয়েছিল, তাই তারা তাদের প্রতিক্রিয়া অ্যাপটিকে প্রোডাকশনে প্রেক্ট করতে স্যুইচ করেছে। ( প্রতিক্রিয়া সংগ্রহে আরও জানুন।) এই পদ্ধতি তাদের বিক্রেতা বান্ডেলের আকার 82.3 KB থেকে 51.2 KB-তে কমাতে সাহায্য করেছে।
নির্ভরযোগ্যতা তৈরি করুন
ভারতীয় বাজারের উপর ফোকাস রেখে, ট্রুবিল-এর ব্যবহারকারীদের একটি বিশাল সংখ্যাগরিষ্ঠ তাদের পণ্যগুলি প্যাচি নেটওয়ার্কগুলিতে অ্যাক্সেস করে যা কখনও কখনও 2G এর মতো কম ব্যান্ডউইথের মধ্যে পড়ে। তাই একটি স্থিতিস্থাপক অভিজ্ঞতা তৈরি করা শুধুমাত্র সীমাবদ্ধ নেটওয়ার্ক অবস্থার মধ্যে পারফরম্যান্সের উন্নতির জন্য নয় বরং তাদের ব্যবহারকারীরা নির্ভর করতে পারে এমন একটি পণ্য সরবরাহ করার জন্যও গুরুত্বপূর্ণ ছিল - যা সর্বদা কাজ করে।
নির্ভরযোগ্য লোডিংয়ের জন্য একটি হাইব্রিড ক্যাশিং কৌশল
Truebil এর বিষয়বস্তুর জন্য ইন্টারঅ্যাক্টিভিটি এবং পরিবর্তনের হার অনেক পরিবর্তিত হয়। এটির সমস্ত বিষয়বস্তু তাজা এবং নির্ভরযোগ্য উভয়ই নিশ্চিত করতে, Truebil টিম নেটওয়ার্ক-প্রথম, ক্যাশে-প্রথম এবং দ্রুততম-প্রথম কৌশলগুলির সংমিশ্রণ ব্যবহার করে API ক্যাশিং প্রয়োগ করেছে৷
স্ট্যাটিক পৃষ্ঠাগুলির জন্য, যেমন সাবস্ক্রিপশন পৃষ্ঠা, Truebil একটি ক্যাশে-প্রথম কৌশল ব্যবহার করে প্রথমে তাদের সাবস্ক্রিপশন API ক্যাশে যেতে, নেটওয়ার্কে ফিরে আসে।
গতিশীল বিষয়বস্তু সহ পৃষ্ঠাগুলির জন্য যা খুব কমই পরিবর্তিত হয়, যেমন তাদের পণ্য তালিকা বা বিবরণ পৃষ্ঠাগুলির জন্য, Truebil একটি নেটওয়ার্ক-প্রথম কৌশল ব্যবহার করে যাতে নেটওয়ার্ক অনুপলব্ধ হলে API ক্যাশে ফিরে আসার আগে ব্রাউজার প্রথমে সামগ্রীর জন্য নেটওয়ার্ক পরীক্ষা করে।
এবং ডায়নামিক পৃষ্ঠাগুলির জন্য যেগুলি প্রায়শই পরিবর্তিত হয়, যেমন হোম, ফিল্টার, অনুসন্ধান এবং শহরের পৃষ্ঠাগুলির জন্য, Truebil নেটওয়ার্ক বা ক্যাশের মধ্যে যেটি প্রথমে আসে তার উপর ভিত্তি করে বেছে নেওয়ার জন্য একটি দ্রুত-প্রথম কৌশল ব্যবহার করে৷ বিষয়বস্তু তাজা তা নিশ্চিত করতে, নেটওয়ার্ক প্রতিক্রিয়া ক্যাশে যা আছে তার থেকে আলাদা হলেই ক্যাশে আপডেট করা হয়৷
একটি সম্পূর্ণ অফলাইন অভিজ্ঞতার জন্য পরিষেবা কর্মী
যদিও Truebil-এর বিষয়বস্তুর একটি বড় অংশ অত্যন্ত গতিশীল—যেকোনো সময়ে গাড়ি যোগ করা বা কেনা যায়—দলটি নিশ্চিত করতে চেয়েছিল যে তাদের ব্যবহারকারীদের সাথে জড়িত থাকার জন্য কিছু বিষয়বস্তু আছে, এমনকি তারা প্যাচী নেটওয়ার্কের মধ্য দিয়ে যাচ্ছেন বা সম্পূর্ণ অফলাইন থাকলেও৷
পরিষেবা কর্মীদের ব্যবহার করে, দলটি স্ট্যাটিক ডেটা এবং ডাইনামিক ডেটা উভয়ই ক্যাশে করতে সক্ষম হয়েছিল যা একজন ব্যবহারকারী ইতিমধ্যেই ইন্টারঅ্যাক্ট করেছে যাতে ব্যবহারকারী অফলাইনে দেখতে পারে৷ ব্যবহারকারীরা অনলাইনে ফিরে এলে বিষয়বস্তু পরিবর্তিত হতে পারে তা নিশ্চিত করার জন্য, টিম অফলাইন মোড নির্দেশ করতে UI কে গ্রেস্কেলে পরিবর্তন করেছে। পণ্য পৃষ্ঠাগুলি ব্রাউজ করা Truebil ব্যবহারকারীর যাত্রার একটি গুরুত্বপূর্ণ অংশ। যে ব্যবহারকারীরা অন্তত একবার PWA পরিদর্শন করেছেন তারা তালিকা এবং পণ্যের পৃষ্ঠাগুলি ব্রাউজ করতে পারেন যা তারা আগে দেখেছেন কিন্তু তালিকা বা পণ্যের কোনো আপডেট দেখতে পারবেন না।
ব্যবহারকারীদের ফিরে আসার জন্য ব্যস্ততা উন্নত করুন
একটি আকর্ষক প্রথম অভিজ্ঞতা
যেহেতু তাদের বেশিরভাগ ব্যবহারকারীরা অর্থপ্রদানকারী চ্যানেল থেকে এসেছেন, তাই Truebil-কে তাদের দ্রুত লোডিং ওয়েব অ্যাপকে একটি পণ্যের সাথে সম্পূরক করতে হবে যা রূপান্তর বাড়ানোর জন্য অত্যন্ত প্রাসঙ্গিক সুপারিশগুলিকে পৃষ্ঠ করে। যদিও দলটি বিদ্যমান ব্যবহারকারীদের জন্য পরিশীলিত ফিল্টারিংয়ের উপর ভিত্তি করে একটি সুপারিশ সিস্টেম ব্যবহার করে, তাদের সিস্টেম প্রথমবার লগ ইন করা ব্যবহারকারীদের জন্য কাজ করে না।
তাদের প্রথমবারের ব্যবহারকারীদের একটি ঠান্ডা সূচনা এড়াতে, দলটি তাদের ডিজিটাল বিপণন প্রচেষ্টা ব্যবহার করে একটি সুপারিশ সিস্টেম সংহত করেছে। তারা একটি UTM প্যারামিটারের মাধ্যমে একটি বিজ্ঞাপনের গন্তব্য URL-এ গাড়ির মডেল, মূল্য এবং শরীরের প্রকারের মতো পণ্যের বিবরণ যোগ করে, যা তাদের সুপারিশ সিস্টেম দ্বারা পড়া হয় এবং প্রদর্শিত পণ্যগুলিতে প্রতিফলিত হয়। যদি sysme ইউআরএল-এ এমন কোনও বিবরণ না পড়ে, তবে এটি জনপ্রিয় গাড়িগুলিতে ফিরে আসে, যা জনপ্রিয় মডেল, জনপ্রিয় বাজেট এবং গত কয়েক সপ্তাহ বা দিনে জনপ্রিয় গাড়িগুলির সংমিশ্রণ।
একটি ইনস্টলযোগ্য ওয়েব অ্যাপ
একটি আকর্ষক ব্যবহারকারীর অভিজ্ঞতা সহ একটি দ্রুত, পূর্ণ বৈশিষ্ট্যযুক্ত ওয়েব অ্যাপ তৈরি করার পরে, Truebil তাদের ব্যবহারকারীরা ফিরে আসতে থাকবে তা নিশ্চিত করতে চেয়েছিল। তারা বুঝতে পেরেছিল যে অ্যাপটি ইনস্টলযোগ্য করে তোলার ফলে পুনরাবৃত্তি ভিজিট অনেক বেশি নির্বিঘ্ন হবে।
দলটি তাদের পণ্যকে একটি সম্পূর্ণ প্রগতিশীল ওয়েব অ্যাপ (PWA) করতে হোম স্ক্রীনে যুক্ত বৈশিষ্ট্যটি প্রয়োগ করেছে। এই পদ্ধতিটি ব্যবহারকারীদের হোম স্ক্রিনে Truebil Lite যোগ করতে এবং এটিকে পূর্ণ-স্ক্রীন মোডে চালু করার অনুমতি দেয়। এবং যেহেতু তারা ইতিমধ্যে একটি অফলাইন মোড প্রয়োগ করেছে, তাই দলটি সহজেই নতুন বৈশিষ্ট্য যোগ করতে সক্ষম হয়েছে।
তাদের ব্যবহারকারীদের স্প্যাম করা হয়নি তা নিশ্চিত করতে এবং ব্যবহারকারীরা অ্যাপটি ইনস্টল করার সম্ভাবনা বাড়ানোর জন্য, দলটি সম্প্রতি PWA ইনস্টলেশনের প্রচারের জন্য তাদের কৌশল আপডেট করেছে যাতে ইনস্টলেশন প্রম্পটগুলি উপস্থিত হয় যখন তারা আসলে বিভিন্ন ধরণের ব্যবহারকারীদের জন্য উপযোগী হবে। ট্রুবিল একটি তিন-অংশের কৌশলে বসতি স্থাপন করেছে:
- ব্যবহারকারী যখন একটি ক্রিয়া সম্পন্ন করে বা নিষ্ক্রিয় থাকে তখন প্রম্পট দেখান৷
- পরিপক্ক ব্যবহারকারীদের প্রাসঙ্গিক প্রম্পট দেখান।
- ব্যবহারকারী যখন সাইটে নির্দিষ্ট পরিমাণ সময় ব্যয় করে তখন একটি ব্যানার দেখান।
প্রক্রিয়া সমাপ্তিতে এবং উচ্চ-ট্র্যাফিক পৃষ্ঠাগুলিতে ডিফল্ট ব্যানার
দলটি একটি ইনস্টলেশন ব্যানার দেখানোর সিদ্ধান্ত নিয়েছে যখন কোনও ব্যবহারকারী একটি কাজ সম্পূর্ণ করে বা উচ্চ-ট্রাফিক পৃষ্ঠাগুলিতে থাকে কিন্তু নিষ্ক্রিয় থাকে (অর্থাৎ, স্ক্রোল করা বা ফর্ম পূরণ করার মতো কোনও পদক্ষেপ না নেওয়া)৷ এই পদ্ধতি তাদের ব্যবহারকারীর কার্যকলাপ বাধা এড়াতে অনুমতি দেয়.
প্রাপ্তবয়স্ক ব্যবহারকারীদের জন্য প্রাসঙ্গিক প্রম্পট
যে ব্যবহারকারীরা কিছুক্ষণের জন্য অ্যাপটির সাথে ইন্টারঅ্যাক্ট করেছেন তাদের জন্য, দলটি হোম স্ক্রিনে অ্যাপটি ইনস্টল করার মান দেখানোর জন্য অত্যন্ত প্রাসঙ্গিক কাস্টম বার্তা ব্যবহার করেছে:
সময়-ভিত্তিক প্রম্পটের জন্য একটি কাস্টম ব্যানার
পরিশেষে, টিমটি একটি অ-অনুপ্রবেশকারী ব্যানারে তৈরি একটি নোটিফিকেশনের মতো ডিজাইন যা নির্দিষ্ট ইভেন্টে ট্রিগার হয়, যেমন একটি তালিকা পৃষ্ঠা খোলা বা ব্যবহারকারী অ্যাপে একটি নির্দিষ্ট পরিমাণ সময় ব্যয় করার পরে:
এই উন্নতিগুলির কারণে, Truebil-এর রূপান্তর এবং ব্যস্ততার হার 26% দীর্ঘ ব্যবহারকারী সেশন এবং 61% বেশি রূপান্তরের সাথে উল্লেখযোগ্যভাবে বৃদ্ধি পেয়েছে, যা প্রতিটি রূপান্তরের উচ্চ লেনদেনের মূল্যের কারণে তাদের ব্যবসার জন্য তাৎপর্যপূর্ণ।
সীমিত সংস্থান সহ একটি স্টার্টআপের জন্য, সঠিক প্ল্যাটফর্ম নির্বাচন করা ব্যবসার সাফল্যের জন্য গুরুত্বপূর্ণ হতে পারে। গতি, স্থিতিস্থাপকতা এবং ব্যস্ততার উপর দৃষ্টি নিবদ্ধ করে একটি PWA-তে চলে যাওয়া, বর্ধিত রূপান্তর এবং ওয়েবের ঘর্ষণহীন নাগালের জন্য আমাদের আয়-থেকে-মার্কেটিং ব্যয় 80% বৃদ্ধি করতে সক্ষম করেছে।
রাকেশ রমন, ট্রুবিলের প্রোডাক্ট অ্যান্ড ডেটা সায়েন্সের সহ-প্রতিষ্ঠাতা এবং প্রধান
44 %
লোডিং সময়ের উন্নতি
26 %
দীর্ঘতর ব্যবহারকারী সেশন
61 %
রূপান্তর বৃদ্ধি
80 %
আয়-থেকে-বিপণন ব্যয় বৃদ্ধি
একটি স্টার্টআপের একটি সেরা-শ্রেণীর ওয়েব অভিজ্ঞতা তৈরির গল্প।
সম্পর্কে
2015 সালে প্রতিষ্ঠিত, Truebil হল একটি ভারতীয় অনলাইন মার্কেটপ্লেস যা 100% প্রত্যয়িত ব্যবহৃত গাড়ি বিক্রি করে। 1.4 মিলিয়নেরও বেশি মাসিক সক্রিয় ব্যবহারকারীদের সাথে, এটি একটি ওয়ান-স্টপ সমাধান যার মধ্যে শিরোনাম স্থানান্তর, বীমা, ঋণ এবং পরিষেবা ওয়ারেন্টি অন্তর্ভুক্ত রয়েছে। সম্ভাব্য গ্রাহকরা ছবি এবং বিশদ পরিদর্শন প্রতিবেদন সহ পৃথক পণ্য পৃষ্ঠাগুলি দেখতে পারেন এবং সাইটের "তুলনা" এবং "ট্রুস্কোর" বৈশিষ্ট্যগুলির সাথে গাড়ির মূল্যায়ন পেতে পারেন৷ Truebil তার পণ্যটিকে সমৃদ্ধ বৈশিষ্ট্যগুলির সাথে আলাদা করে, যার মধ্যে রয়েছে মেশিন লার্নিংয়ের উপর ভিত্তি করে ব্যক্তিগতকৃত সুপারিশ, একটি অ্যাড-টু-ফেভারিট বৈশিষ্ট্য, একটি শেয়ার-এ-কার বৈশিষ্ট্য এবং আরও অনেক কিছু।
চ্যালেঞ্জ
Truebil হল কম-ফ্রিকোয়েন্সি, উচ্চ-মূল্যের লেনদেন সহ একটি চর্বিহীন স্টার্টআপ, তাই অগ্রাধিকার দিতে এবং বিনিয়োগ করার জন্য সঠিক প্ল্যাটফর্ম বেছে নেওয়া গুরুত্বপূর্ণ ছিল।
Truebil তাদের টার্গেট প্ল্যাটফর্ম হিসাবে মোবাইলকে চিহ্নিত করেছে, এবং ওয়েবের সহজ আবিষ্কার এবং কম ঘর্ষণের কারণে তারা তাদের প্রথম অ্যাপ, Truebil Lite-এর জন্য ওয়েব বেছে নিয়েছে। ওয়েব প্রযুক্তি একটি অ্যান্ড্রয়েড/আইওএস অ্যাপ তৈরির তুলনায় কম ডেভেলপমেন্ট খরচ, কম ডেটা এবং মেমরি ব্যবহার এবং উল্লেখযোগ্যভাবে কম গ্রাহক অধিগ্রহণ খরচ প্রদান করে। এবং একটি প্রগতিশীল ওয়েব অ্যাপ (PWA) তৈরি করে, Truebil ওয়েবের সমস্ত সুবিধা এবং iOS/Android-এর সুবিধা পেতে পারে।
সমাধান
একটি ইন-হাউস টিম রিঅ্যাক্ট, জ্যাঙ্গো এবং প্রেক্ট (উৎপাদন মাইগ্রেশনের জন্য) ব্যবহার করে ট্রুবিল লাইট তৈরি করতে চার মাস সময় নিয়েছে। তারা ব্যবহারকারীর লক্ষ্যের উপর ভিত্তি করে ওয়েব অ্যাপের জন্য স্পষ্ট নির্দেশিকা নীতি নির্ধারণ করে। অভিজ্ঞতা হতে হবে:
- প্রথম লোড এবং পরবর্তী নেভিগেশনে দ্রুত ,
- নির্ভরযোগ্য , ব্যবহারকারীর নেটওয়ার্ক বা ডিভাইসের সীমাবদ্ধতা থেকে স্বাধীন, এবং
- আকর্ষক , বিশেষ করে ছোট মোবাইল স্ক্রিনের জন্য, তাই ব্যবহারকারীরা এতে ফিরে যেতে চাইবেন।
দ্রুত প্রথম লোড এবং নেভিগেশন জন্য অপ্টিমাইজ করুন
পারফরম্যান্স অপ্টিমাইজেশান গাইড করতে লাইটহাউস ব্যবহার করে, নতুন বৈশিষ্ট্যগুলি বাস্তবায়ন করার সময় দলটি একটি কর্মক্ষমতা-প্রথম সংস্কৃতি গ্রহণ করেছে৷ Truebil ফার্স্ট কনটেন্টফুল পেইন্ট এবং টাইম টু ইন্টারঅ্যাকটিভ (TTI) মেট্রিক্সকে অগ্রাধিকার দিয়ে এবং দ্রুত প্রথম লোড, পুনরাবৃত্তি ভিজিট এবং মসৃণ নেভিগেশনের জন্য অপ্টিমাইজ করে ব্যবহারকারীর অভিজ্ঞতাকে উল্লেখযোগ্যভাবে উন্নত করতে সক্ষম হয়েছে। দলটি পারফরম্যান্স বাজেট সেট করে এবং সেগুলি অর্জনের জন্য বিভিন্ন কৌশল ব্যবহার করে সেই ফলাফলগুলি অর্জন করেছে।
কর্মক্ষমতা বাজেট সেট করুন
পারফরম্যান্স-প্রথম মানসিকতার সাথে, Truebil টিম প্রথম লোডের জন্য সার্ভার-সাইড রেন্ডারিং এবং পরবর্তী লোডের জন্য ক্লায়েন্ট-সাইড রেন্ডারিং সহ একটি একক পৃষ্ঠা অ্যাপ হিসাবে তাদের অভিজ্ঞতাকে স্থপতি করতে বেছে নিয়েছে। ক্লায়েন্ট সাইড রেন্ডারিং পারফরম্যান্টের সাথে ওয়েব অ্যাপগুলি রাখা কঠিন হতে পারে, তাই Truebil খুব কঠোর পারফরম্যান্স বাজেট সেট করে যাতে তারা গতিতে আপস না করে, বিশেষ করে যেহেতু তারা আরও বৈশিষ্ট্য যুক্ত করে।
দলটি টিটিআই-এর জন্য কঠোর মাইলফলক-ভিত্তিক বাজেট সেট করেছে যাতে এটি পাঁচ সেকেন্ডের নিচে রাখার লক্ষ্য ছিল। সেই লক্ষ্য পূরণের জন্য তারা ম্যানুয়ালি নিশ্চিত করেছে যে কোনও বিল্ড 250 KB জাভাস্ক্রিপ্ট বান্ডেলের আকারের বেশি হবে না, ছবির আকারগুলির উপর একটি ধ্রুবক চেক রাখে এবং অ্যাপের লাইটহাউস পারফরম্যান্স স্কোর ক্রমাগত ট্র্যাক করে।
জাভাস্ক্রিপ্ট বান্ডিল অপ্টিমাইজ করুন
দলটি জাভাস্ক্রিপ্ট পেলোডগুলিকে প্রিক্যাচ এবং অপ্টিমাইজ করার জন্য PRPL প্যাটার্ন ব্যবহার করে এবং সমালোচনামূলক জাভাস্ক্রিপ্ট বান্ডেলগুলি পরিবেশন করার জন্য HTTP/2-এ যাওয়ার মাধ্যমে প্রাথমিক বিষয়গুলি দিয়ে শুরু করেছে৷
অ-সমালোচনামূলক সংস্থানগুলিকে অলস লোড করতে, তারা তাদের ফ্রেমওয়ার্ক-স্তরের অলস লোডিং উপাদানগুলিকে ভাঁজের নীচের অংশগুলি লোড করতে ব্যবহার করেছিল।
জাভাস্ক্রিপ্ট বান্ডিলের কোনো বাধা দূর করতে, দলটি কোড বিভাজনের মাধ্যমে পেলোড কমিয়েছে । তারা প্রধান বান্ডেলের আকার কমাতে এবং তাদের লোডিং টাইম 44% উন্নত করতে উপাদান- এবং রুট-ভিত্তিক চঙ্কিং ব্যবহার করেছে, TTI 6 সেকেন্ড থেকে প্রায় 5 সেকেন্ডে এবং ফার্স্ট মিনিংফুল পেইন্ট (FMP) 4.1 সেকেন্ড থেকে 3.6 সেকেন্ডে নেমে এসেছে।
ইনলাইন সমালোচনামূলক CSS
এফএমপিকে আরও উন্নত করার জন্য, দলটি পারফরম্যান্স অপ্টিমাইজেশনের প্রভাবের জন্য সুযোগ খুঁজে পেতে এবং যাচাই করতে লাইটহাউস ব্যবহার করে। লাইটহাউস ইঙ্গিত দিয়েছে যে রেন্ডার ব্লকিং সিএসএস হ্রাস করা সবচেয়ে বড় প্রভাব ফেলবে, তাই ট্রুবিল সমস্ত সমালোচনামূলক CSS ইনলাইন করে এবং অ-সমালোচনামূলক CSSকে পিছিয়ে দেয় । এই কৌশলটি FMP প্রায় 2 সেকেন্ড কমিয়েছে ।
যেকোন উৎসের একাধিক, ব্যয়বহুল রাউন্ড ট্রিপ এড়িয়ে চলুন
DNS এবং TLS থেকে ওভারহেড কমাতে, Truebil <link rel="preconnect"> এবং <link rel="dns-prefetch"> ব্যবহার করেছে। এই পদ্ধতির ফলে ব্রাউজারটি পৃষ্ঠা লোডের সময় যত তাড়াতাড়ি সম্ভব TLS হ্যান্ডশেক সম্পূর্ণ করে এবং ক্রস-অরিজিন ডোমেন নামগুলি প্রাক-সমাধান করে, একটি নিরাপদ, চটকদার ব্যবহারকারীর অভিজ্ঞতার জন্য অনুমতি দেয়।
<link rel=preconnect> যোগ করার প্রভাব। পরবর্তী পৃষ্ঠাটি গতিশীলভাবে প্রিফেচ করুন
তাদের ডেটা বিশ্লেষণ করে, দলটি সবচেয়ে সাধারণ ব্যবহারকারীর যাত্রা শনাক্ত করেছে যা তারা অপ্টিমাইজ করতে পারে। এই ক্ষেত্রে, ব্যবহারকারীদের জন্য মসৃণ নেভিগেশন নিশ্চিত করতে অ্যাপটি <link rel=prefetch> ব্যবহার করে পরবর্তী পৃষ্ঠার সংস্থানটি গতিশীলভাবে ডাউনলোড করে। যখন দলটি প্রিফেচ করার জন্য লিঙ্কগুলিকে ম্যানুয়ালি সনাক্ত করে, তারা সেই লিঙ্কগুলির জন্য JS বান্ডিল করতে ওয়েবপ্যাক ব্যবহার করে৷
ইমেজ এবং ফন্ট অপ্টিমাইজ করুন
ছবিগুলি ট্রুবিলের পণ্যের অভিজ্ঞতা এবং বিশ্বাসযোগ্যতার একটি গুরুত্বপূর্ণ অংশ, প্রতিটি পণ্যের তালিকা সহ 40টি ছবি পর্যন্ত। ছবিগুলি যাতে পৃষ্ঠা লোডকে অবরুদ্ধ না করে তা নিশ্চিত করার জন্য, দলটি তাদের সমস্ত সংস্থান একটি CDN থেকে পরিবেশন করা এবং ইমেজ অপ্টিমাইজেশানের জন্য imagemagick ব্যবহার করা বেছে নিয়েছে৷ লোডের সময় আরও কমাতে তারা ছবি, জাভাস্ক্রিপ্ট এবং সিএসএস সহ সমস্ত সংকোচনযোগ্য সংস্থান জিজিপ করেছে।
যতটা সম্ভব কম লোড করার সময় অদৃশ্য পাঠ্যের ফ্ল্যাশ এড়াতে , ট্রুবিল তাদের সিএসএস সেট আপ করে যাতে বহিরাগত ফন্ট লোড না হওয়া পর্যন্ত সিস্টেম ফন্টগুলিকে ফলব্যাক হিসাবে ব্যবহার করা যায়।
আরও অপ্টিমাইজেশান
অ্যাপটি প্রস্তুত হলে, দলটি বিক্রেতার বান্ডেলের আকার এবং জাভাস্ক্রিপ্ট এক্সিকিউশন সময়কে আরও কমাতে চেয়েছিল, তাই তারা তাদের প্রতিক্রিয়া অ্যাপটিকে প্রোডাকশনে প্রেক্ট করতে স্যুইচ করেছে। ( প্রতিক্রিয়া সংগ্রহে আরও জানুন।) এই পদ্ধতি তাদের বিক্রেতা বান্ডেলের আকার 82.3 KB থেকে 51.2 KB-তে কমাতে সাহায্য করেছে।
নির্ভরযোগ্যতা তৈরি করুন
ভারতীয় বাজারের উপর ফোকাস রেখে, ট্রুবিল-এর ব্যবহারকারীদের একটি বিশাল সংখ্যাগরিষ্ঠ তাদের পণ্যগুলি প্যাচি নেটওয়ার্কগুলিতে অ্যাক্সেস করে যা কখনও কখনও 2G এর মতো কম ব্যান্ডউইথের মধ্যে পড়ে। সুতরাং একটি স্থিতিস্থাপক অভিজ্ঞতা তৈরি করা কেবল সীমাবদ্ধ নেটওয়ার্ক অবস্থার অধীনে কর্মক্ষমতা উন্নত করার জন্য নয়, এমন একটি পণ্য সরবরাহ করার ক্ষেত্রেও গুরুত্বপূর্ণ ছিল যা তাদের ব্যবহারকারীরা নির্ভর করতে পারে - এটি সর্বদা কাজ করে।
নির্ভরযোগ্য লোডিংয়ের জন্য একটি হাইব্রিড ক্যাচিং কৌশল
ট্রুবিলের সামগ্রীর জন্য ইন্টারেক্টিভিটি এবং পরিবর্তনের হার অনেক বেশি পরিবর্তিত হয়। এর সমস্ত বিষয়বস্তু তাজা এবং নির্ভরযোগ্য উভয়ই তা নিশ্চিত করার জন্য, ট্রুবিল টিম নেটওয়ার্ক-প্রথম, ক্যাশে-প্রথম এবং দ্রুততম কৌশলগুলির সংমিশ্রণ ব্যবহার করে এপিআই ক্যাচিং প্রয়োগ করেছে।
সাবস্ক্রিপশন পৃষ্ঠার মতো স্ট্যাটিক পৃষ্ঠাগুলির জন্য, ট্রুবিল প্রথমে তাদের সাবস্ক্রিপশন এপিআই ক্যাশে যেতে প্রথমে নেটওয়ার্কে ফিরে যাওয়ার জন্য একটি ক্যাশে-প্রথম কৌশল ব্যবহার করে।
গতিশীল সামগ্রীযুক্ত পৃষ্ঠাগুলির জন্য যা খুব কমই পরিবর্তিত হয়, যেমন তাদের পণ্য তালিকা বা বিশদ পৃষ্ঠাগুলি, ট্রুবিল একটি নেটওয়ার্ক-প্রথম কৌশল ব্যবহার করে যাতে ব্রাউজারটি প্রথমে এপিআই ক্যাশে ফিরে যাওয়ার আগে সামগ্রীর জন্য নেটওয়ার্কটি পরীক্ষা করে যদি নেটওয়ার্ক অনুপলব্ধ থাকে।
এবং গতিশীল পৃষ্ঠাগুলির জন্য যা প্রায়শই পরিবর্তিত হয়, যেমন বাড়ি, ফিল্টার, অনুসন্ধান এবং নগর পৃষ্ঠাগুলি, ট্রুবিল প্রথমে যে কোনওটির ভিত্তিতে নেটওয়ার্ক বা ক্যাশের মধ্যে বেছে নিতে একটি দ্রুততম প্রথম কৌশল ব্যবহার করে। সামগ্রীটি তাজা রয়েছে তা নিশ্চিত করার জন্য, যখনই নেটওয়ার্কের প্রতিক্রিয়া ক্যাশে রয়েছে তার থেকে পৃথক হলে ক্যাশে আপডেট করা হয়।
একটি সম্পূর্ণ অফলাইন অভিজ্ঞতার জন্য পরিষেবা কর্মীরা
যদিও ট্রুবিলের সামগ্রীর একটি বড় অংশ অত্যন্ত গতিশীল - কেয়ারগুলি যে কোনও সময় যুক্ত বা কেনা যায় - দলটি নিশ্চিত করতে চেয়েছিল যে তাদের ব্যবহারকারীদের সাথে জড়িত থাকার জন্য কিছু বিষয়বস্তু রয়েছে, এমনকি যদি তারা প্যাচি নেটওয়ার্কগুলির মধ্য দিয়ে যাচ্ছিল বা সম্পূর্ণ অফলাইন ছিল।
পরিষেবা কর্মীদের ব্যবহার করে, দলটি স্ট্যাটিক ডেটা এবং গতিশীল ডেটা উভয়ই ক্যাশে করতে সক্ষম হয়েছিল যা কোনও ব্যবহারকারী ইতিমধ্যে ইন্টারঅ্যাক্ট করেছেন যাতে ব্যবহারকারী এটি অফলাইনে দেখতে পারে। ব্যবহারকারীরা অনলাইনে ফিরে আসার সময় সামগ্রীগুলি পরিবর্তিত হতে পারে তা নিশ্চিত করার জন্য, দলটি ইউআইকে গ্রেস্কেলে পরিবর্তন করে অফলাইন মোডটি নির্দেশ করতে পারে। ব্রাউজিং পণ্য পৃষ্ঠাগুলি ট্রুবিল ব্যবহারকারী যাত্রার একটি গুরুত্বপূর্ণ অঙ্গ। কমপক্ষে একবার পিডব্লিউএ পরিদর্শন করেছেন এমন ব্যবহারকারীরা তালিকা এবং পণ্য পৃষ্ঠাগুলি ব্রাউজ করতে পারেন যা তারা আগে পরিদর্শন করেছেন তবে তালিকা বা পণ্যের কোনও আপডেট দেখতে সক্ষম হবেন না।
ব্যবহারকারীদের ফিরে আসতে ব্যস্ততা উন্নত করুন
একটি আকর্ষণীয় প্রথম অভিজ্ঞতা
যেহেতু তাদের বেশিরভাগ ব্যবহারকারী অর্থ প্রদানের চ্যানেলগুলি থেকে আসে, তাই ট্রুবিল তাদের দ্রুত লোডিং ওয়েব অ্যাপ্লিকেশনটিকে এমন একটি পণ্য সরবরাহ করতে হবে যা রূপান্তরগুলি বাড়ানোর জন্য অত্যন্ত প্রাসঙ্গিক সুপারিশগুলিকে পৃষ্ঠত্যাগ করে। দলটি বিদ্যমান ব্যবহারকারীদের জন্য পরিশীলিত ফিল্টারিংয়ের উপর ভিত্তি করে একটি সুপারিশ সিস্টেম ব্যবহার করে, তাদের সিস্টেমটি প্রথমবারের মতো লগ ইন করা ব্যবহারকারীদের জন্য কাজ করে না।
তাদের প্রথমবারের ব্যবহারকারীদের একটি শীতল সূচনা দেওয়া এড়াতে, দলটি তাদের ডিজিটাল বিপণনের প্রচেষ্টা ব্যবহার করে একটি সুপারিশ সিস্টেমকে সংহত করেছে। তারা কোনও ইউটিএম প্যারামিটারের মাধ্যমে কোনও বিজ্ঞাপনের গন্তব্য ইউআরএলে গাড়ি মডেল, দাম এবং বডি টাইপের মতো পণ্যের বিবরণ যুক্ত করে, যা তাদের সুপারিশ সিস্টেম দ্বারা পড়া হয় এবং প্রকাশিত পণ্যগুলিতে প্রতিফলিত হয়। সিএসএমই যদি ইউআরএলে এ জাতীয় কোনও বিবরণ না পড়ে তবে এটি জনপ্রিয় গাড়িগুলিতে ফিরে আসে, যা জনপ্রিয় মডেল, জনপ্রিয় বাজেট এবং গাড়িগুলির সংমিশ্রণ যা গত কয়েক সপ্তাহ বা দিনগুলিতে জনপ্রিয় ছিল।
একটি ইনস্টলযোগ্য ওয়েব অ্যাপ্লিকেশন
বাধ্যতামূলক ব্যবহারকারীর অভিজ্ঞতার সাথে একটি দ্রুত, পূর্ণ-বৈশিষ্ট্যযুক্ত ওয়েব অ্যাপ্লিকেশন তৈরি করার পরে, ট্রুবিল তাদের ব্যবহারকারীরা ফিরে আসতে থাকবে তা নিশ্চিত করতে চেয়েছিল। তারা বুঝতে পেরেছিল যে অ্যাপটি ইনস্টলযোগ্য করে তোলা পুনরাবৃত্তি ভিজিটকে আরও বেশি বিরামবিহীন করে তুলবে।
দলটি তাদের পণ্যটিকে একটি সম্পূর্ণ প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশন (পিডাব্লুএ) করতে অ্যাড টু হোম স্ক্রিন বৈশিষ্ট্যটি প্রয়োগ করেছে। এই পদ্ধতির ব্যবহারকারীদের হোম স্ক্রিনে ট্রুবিল লাইট যুক্ত করতে এবং এটি পূর্ণ-স্ক্রিন মোডে চালু করার অনুমতি দেয়। এবং যেহেতু তারা ইতিমধ্যে একটি অফলাইন মোড বাস্তবায়ন করেছে, দলটি সহজেই নতুন বৈশিষ্ট্যটি যুক্ত করতে সক্ষম হয়েছিল।
তাদের ব্যবহারকারীরা স্প্যাম না করা হয়েছে তা নিশ্চিত করার জন্য এবং ব্যবহারকারীরা অ্যাপটি ইনস্টল করার সম্ভাবনা বাড়ানোর জন্য, দলটি সম্প্রতি পিডব্লিউএ ইনস্টলেশন প্রচারের জন্য তাদের কৌশল আপডেট করেছে যাতে ইনস্টলেশন প্রম্পটগুলি উপস্থিত হয় যখন তারা আসলে বিভিন্ন ধরণের ব্যবহারকারীর পক্ষে কার্যকর হবে। ট্রুবিল একটি তিন অংশের কৌশল নিয়ে স্থির হয়েছে:
- ব্যবহারকারী যখন কোনও ক্রিয়া সম্পন্ন করে বা অলস থাকে তখন প্রম্পটগুলি দেখান।
- পরিপক্ক ব্যবহারকারীদের প্রাসঙ্গিক অনুরোধগুলি দেখান।
- যখন ব্যবহারকারী সাইটে একটি নির্ধারিত পরিমাণ সময় ব্যয় করে তখন একটি ব্যানার দেখান।
প্রক্রিয়া সমাপ্তিতে এবং উচ্চ ট্র্যাফিক পৃষ্ঠাগুলিতে ডিফল্ট ব্যানার
কোনও ব্যবহারকারী যখন কোনও কার্য সম্পন্ন করে বা উচ্চ ট্র্যাফিক পৃষ্ঠাগুলিতে থাকে তবে অলস তবে অলস (অর্থাৎ কোনও পদক্ষেপ গ্রহণ না করে, যেমন কোনও ফর্ম স্ক্রোলিং করা বা কোনও ফর্ম পূরণ করা) দলটি একটি ইনস্টলেশন ব্যানার দেখানোর সিদ্ধান্ত নিয়েছে। এই পদ্ধতির ফলে তাদের ব্যবহারকারীর ক্রিয়াকলাপকে বাধা দেওয়া এড়াতে দেওয়া হয়েছিল।
পরিপক্ক ব্যবহারকারীদের জন্য প্রাসঙ্গিক অনুরোধ
কিছু সময়ের জন্য অ্যাপ্লিকেশনটির সাথে কথোপকথনকারী ব্যবহারকারীদের জন্য, দলটি হোম স্ক্রিনে অ্যাপটি ইনস্টল করার মান দেখানোর জন্য অত্যন্ত প্রাসঙ্গিক কাস্টম বার্তা ব্যবহার করেছে:
সময়-ভিত্তিক অনুরোধগুলির জন্য একটি কাস্টম ব্যানার
অবশেষে, দলটি নির্দিষ্ট ইভেন্টগুলিতে ট্রিগার করা একটি বিজ্ঞপ্তি-জাতীয় নকশা সহ একটি অ-প্রবেশমূলক ব্যানারটিতে নির্মিত, যেমন কোনও তালিকা পৃষ্ঠা খোলার মতো বা ব্যবহারকারী অ্যাপটিতে ব্যয় করা একটি নির্ধারিত সময় ব্যয় করার পরে:
এই উন্নতির কারণে, সত্যবিআইএল এর রূপান্তর এবং বাগদানের হারগুলি 26% দীর্ঘ ব্যবহারকারী সেশন এবং 61% আরও বেশি রূপান্তরগুলির সাথে উল্লেখযোগ্যভাবে বৃদ্ধি পেয়েছে, যা প্রতিটি রূপান্তরটির উচ্চ লেনদেনের মানকে কেন্দ্র করে তাদের ব্যবসায়ের জন্য তাৎপর্যপূর্ণ।
সীমিত সংস্থান সহ একটি স্টার্টআপের জন্য, সঠিক প্ল্যাটফর্মটি বেছে নেওয়া ব্যবসায়ের সাফল্যের জন্য গুরুত্বপূর্ণ হতে পারে। গতি, স্থিতিস্থাপকতা এবং বাগদানের উপর দৃষ্টি নিবদ্ধ করে একটি পিডব্লিউএতে চলে যাওয়া, আমাদের আমাদের রাজস্ব থেকে বিপণন ব্যয় বাড়িয়ে 80% বৃদ্ধি করতে সক্ষম করে বর্ধিত রূপান্তর এবং ওয়েবের ঘর্ষণহীন পৌঁছনোর জন্য ধন্যবাদ।
রাকেশ রমন, সহ-প্রতিষ্ঠাতা এবং ট্রুবিল এ প্রোডাক্ট অ্যান্ড ডেটা সায়েন্সের প্রধান
44 %
লোডিং সময় উন্নতি
26 %
দীর্ঘতর ব্যবহারকারী সেশন
61 %
রূপান্তর বৃদ্ধি
80 %
রাজস্ব থেকে বিপণন ব্যয় বৃদ্ধি
সেরা-শ্রেণীর ওয়েব অভিজ্ঞতা তৈরির একটি স্টার্টআপের গল্প।
সম্পর্কে
2015 সালে প্রতিষ্ঠিত, ট্রুবিল একটি ভারতীয় অনলাইন মার্কেটপ্লেস যা 100% প্রত্যয়িত ব্যবহৃত গাড়ি বিক্রি করে। 1.4 মিলিয়নেরও বেশি মাসিক সক্রিয় ব্যবহারকারীদের সাথে এটি একটি এক-স্টপ সমাধান যা শিরোনাম স্থানান্তর, বীমা, loans ণ এবং পরিষেবা ওয়্যারেন্টি অন্তর্ভুক্ত করে। সম্ভাব্য গ্রাহকরা চিত্র এবং বিশদ পরিদর্শন প্রতিবেদন সহ পৃথক পণ্য পৃষ্ঠাগুলি দেখতে পারেন এবং সাইটের "তুলনা" এবং "ট্রুস্কোর" বৈশিষ্ট্যগুলির সাথে যানবাহন মূল্যায়ন পেতে পারেন। ট্রুবিল মেশিন লার্নিংয়ের উপর ভিত্তি করে ব্যক্তিগতকৃত সুপারিশ, একটি অ্যাড-টু-ফেভারিট বৈশিষ্ট্য, একটি শেয়ার-এ-কার বৈশিষ্ট্য এবং আরও অনেক কিছু সহ সমৃদ্ধ বৈশিষ্ট্যগুলির সাথে তার পণ্যটিকে পৃথক করে।
চ্যালেঞ্জ
ট্রুবিল হ'ল স্বল্প-ফ্রিকোয়েন্সি, উচ্চ-মূল্যবান লেনদেন সহ একটি চর্বিযুক্ত স্টার্টআপ, সুতরাং অগ্রাধিকার এবং বিনিয়োগের জন্য সঠিক প্ল্যাটফর্মটি বেছে নেওয়া গুরুত্বপূর্ণ ছিল।
ট্রুবিল মোবাইলকে তাদের টার্গেট প্ল্যাটফর্ম হিসাবে চিহ্নিত করেছে এবং ওয়েবের সহজ আবিষ্কার এবং কম ঘর্ষণের কারণে তারা তাদের প্রথম অ্যাপ, ট্রুবিল লাইটের জন্য ওয়েবটি বেছে নিয়েছিল। ওয়েব প্রযুক্তি কম বিকাশের ব্যয়, কম ডেটা এবং মেমরির ব্যবহার এবং অ্যান্ড্রয়েড/আইওএস অ্যাপ্লিকেশন তৈরির তুলনায় গ্রাহক অধিগ্রহণের ব্যয় উল্লেখযোগ্যভাবে কম সরবরাহ করে। এবং একটি প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশন (পিডব্লিউএ) তৈরি করে, ট্রুবিল ওয়েবের সমস্ত সুবিধা এবং আইওএস/অ্যান্ড্রয়েডের সুবিধাগুলি পেতে পারে।
সমাধান
একটি ইন-হাউস টিম প্রতিক্রিয়া, জ্যাঙ্গো এবং প্র্যাক্ট (উত্পাদন অভিবাসনের জন্য) ব্যবহার করে ট্রুবিল লাইট বিকাশ করতে চার মাস সময় নিয়েছিল। তারা ব্যবহারকারীর লক্ষ্যগুলির উপর ভিত্তি করে ওয়েব অ্যাপ্লিকেশনটির জন্য পরিষ্কার গাইডিং নীতিগুলি সেট করে। অভিজ্ঞতা হতে হবে:
- প্রথম লোড এবং পরবর্তী নেভিগেশনগুলিতে দ্রুত ,
- নির্ভরযোগ্য , ব্যবহারকারীর নেটওয়ার্ক বা ডিভাইসের সীমাবদ্ধতা থেকে পৃথক এবং
- বিশেষত ছোট মোবাইল স্ক্রিনের জন্য আকর্ষক , যাতে ব্যবহারকারীরা এটিতে ফিরে আসতে চান।
দ্রুত প্রথম লোড এবং নেভিগেশনগুলির জন্য অনুকূলিত করুন
পারফরম্যান্স অপ্টিমাইজেশনগুলিকে গাইড করতে বাতিঘর ব্যবহার করে, দলটি নতুন বৈশিষ্ট্যগুলি বাস্তবায়নের সময় একটি পারফরম্যান্স-প্রথম সংস্কৃতি গ্রহণ করেছিল। ট্রুবিল প্রথম বিষয়বস্তু পেইন্ট এবং ইন্টারেক্টিভ (টিটিআই) মেট্রিকগুলিতে সময়কে অগ্রাধিকার দিয়ে এবং দ্রুত প্রথম লোড, পুনরাবৃত্তি পরিদর্শন এবং মসৃণ নেভিগেশনের জন্য অনুকূল করে ব্যবহারকারীর অভিজ্ঞতাকে উল্লেখযোগ্যভাবে উন্নত করতে সক্ষম হয়েছিল। দলটি পারফরম্যান্স বাজেট সেট করে এবং সেগুলি অর্জনের জন্য বিভিন্ন কৌশল ব্যবহার করে এই ফলাফলগুলি অর্জন করেছে।
পারফরম্যান্স বাজেট সেট করুন
একটি পারফরম্যান্স-প্রথম মানসিকতার সাথে, ট্রুবিল দলটি পরবর্তী লোডগুলির জন্য প্রথম লোড এবং ক্লায়েন্ট-সাইড রেন্ডারিংয়ের জন্য সার্ভার-সাইড রেন্ডারিং সহ একক পৃষ্ঠা অ্যাপ্লিকেশন হিসাবে তাদের অভিজ্ঞতাকে আর্কিটেক্ট করা বেছে নিয়েছিল। ক্লায়েন্ট সাইড রেন্ডারিং পারফরম্যান্সের সাথে ওয়েব অ্যাপ্লিকেশনগুলি রাখা কঠিন হতে পারে, তাই ট্রুবিল খুব কঠোর পারফরম্যান্স বাজেট সেট করে যাতে তারা গতিতে আপস না করে তা নিশ্চিত করে, বিশেষত তারা আরও বৈশিষ্ট্য যুক্ত করে।
দলটি পাঁচ সেকেন্ডের নীচে রাখার লক্ষ্য নিয়ে টিটিআইয়ের জন্য কঠোর মাইলফলক ভিত্তিক বাজেট স্থাপন করেছিল। এই লক্ষ্যটি পূরণ করার জন্য তারা ম্যানুয়ালি নিশ্চিত করেছে যে কোনও বিল্ড 250 কেবি জাভাস্ক্রিপ্ট বান্ডিল আকারের চেয়ে বেশি হবে না, চিত্রের আকারগুলিতে একটি ধ্রুবক চেক রেখেছিল এবং ক্রমাগত অ্যাপের বাতিঘর পারফরম্যান্স স্কোরটি ট্র্যাক করে।
জাভাস্ক্রিপ্ট বান্ডিলগুলি অনুকূল করুন
দলটি জাভাস্ক্রিপ্ট পে -লোডগুলি প্রাক্কে এবং অনুকূল করতে এবং সমালোচনামূলক জাভাস্ক্রিপ্ট বান্ডিলগুলি পরিবেশন করতে HTTP/2 এ চলে যাওয়ার মাধ্যমে পিআরপিএল প্যাটার্নটি ব্যবহার করে বেসিকগুলি দিয়ে শুরু করেছিল।
অলস লোড অ-সমালোচনামূলক সংস্থানগুলিতে, তারা তাদের কাঠামো-স্তরের অলস লোডিং উপাদানগুলি নীচে ভাঁজ টুকরোগুলি লোড করতে ব্যবহার করে।
যে কোনও জাভাস্ক্রিপ্ট বান্ডিল বাধা অপসারণ করতে, দলটি কোড বিভাজনের মাধ্যমে পে -লোড হ্রাস করেছে । তারা মূল বান্ডিলের আকার হ্রাস করতে এবং তাদের লোডিং সময়কে 44%উন্নত করতে উপাদান- এবং রুট-ভিত্তিক চুনকিং ব্যবহার করেছে, টিটিআই 6 সেকেন্ড থেকে প্রায় 5 সেকেন্ডে এবং প্রথম অর্থবহ পেইন্ট (এফএমপি) 4.1 সেকেন্ড থেকে 3.6 সেকেন্ডে নেমেছে।
ইনলাইন সমালোচনামূলক সিএসএস
এফএমপিকে আরও উন্নত করতে, দলটি পারফরম্যান্স অপ্টিমাইজেশনের প্রভাবের জন্য সুযোগগুলি খুঁজে পেতে এবং বৈধ করার জন্য বাতিঘরটি ব্যবহার করেছিল। বাতিঘরটি ইঙ্গিত দিয়েছে যে রেন্ডার ব্লকিং সিএসএস হ্রাস করা সবচেয়ে বড় প্রভাব ফেলবে, তাই ট্রুবিল সমস্ত সমালোচনামূলক সিএসএস এবং মুলতুবিহীন সিএসএসকে অন্তর্ভুক্ত করে। এই কৌশলটি প্রায় 2 সেকেন্ডের মধ্যে এফএমপি হ্রাস করেছে ।
যে কোনও উত্সের একাধিক, ব্যয়বহুল বৃত্তাকার ট্রিপগুলি এড়িয়ে চলুন
ডিএনএস এবং টিএলএস থেকে ওভারহেড প্রশমিত করতে, ট্রুবিল <link rel="preconnect"> এবং <link rel="dns-prefetch"> ব্যবহার করেছেন। এই পদ্ধতির ফলে ব্রাউজারটি যত তাড়াতাড়ি সম্ভব পৃষ্ঠা লোডে টিএলএস হ্যান্ডশেকটি সম্পূর্ণ করতে পারে এবং ক্রস-উত্স ডোমেন নামগুলি প্রাক-সমাধান করে, একটি সুরক্ষিত, চটজলদি ব্যবহারকারীর অভিজ্ঞতার জন্য অনুমতি দেয়।
<link rel=preconnect> যুক্ত করার প্রভাব। গতিশীলভাবে পরবর্তী পৃষ্ঠাটি প্রিফেচ
তাদের ডেটা বিশ্লেষণ করে, দলটি সবচেয়ে সাধারণ ব্যবহারকারী ভ্রমণগুলি চিহ্নিত করেছে যা তারা অনুকূল করতে পারে। এই ক্ষেত্রে, অ্যাপ্লিকেশনটি ব্যবহারকারীদের জন্য মসৃণ নেভিগেশন নিশ্চিত করতে <link rel=prefetch> ব্যবহার করে পরবর্তী পৃষ্ঠার সংস্থানটি গতিশীলভাবে ডাউনলোড করে। দলটি প্রিফেইচের লিঙ্কগুলি ম্যানুয়ালি সনাক্ত করে, তারা সেই লিঙ্কগুলির জন্য জেএস বান্ডিল করতে ওয়েবপ্যাক ব্যবহার করে।
চিত্র এবং ফন্টগুলি অনুকূলিত করুন
চিত্রগুলি সত্যবিিলের পণ্য অভিজ্ঞতা এবং বিশ্বাসযোগ্যতার একটি গুরুত্বপূর্ণ অংশ, 40 টি পর্যন্ত ছবি সহ প্রতিটি পণ্য তালিকার সাথে। চিত্রগুলি পৃষ্ঠা লোডকে অবরুদ্ধ না করে তা নিশ্চিত করার জন্য, দলটি একটি সিডিএন থেকে তাদের সমস্ত সংস্থান পরিবেশন করতে এবং চিত্র অপ্টিমাইজেশনের জন্য ইমেজম্যাগিক ব্যবহার করতে বেছে নিয়েছে। তারা লোডের সময়কে আরও কেটে ফেলার জন্য চিত্র, জাভাস্ক্রিপ্ট এবং সিএসএস সহ সমস্ত সংকোচনের সংস্থানগুলিও জিজিপ করেছে।
লোড সময় যতটা সম্ভব কম রাখার সময় অদৃশ্য পাঠ্যের একটি ফ্ল্যাশ এড়াতে , ট্রুবিল তাদের সিএসএস সেট আপ করে সিস্টেম ফন্টগুলি ফ্যালব্যাক হিসাবে ব্যবহার করে বাহ্যিক ফন্টগুলি লোড না হওয়া পর্যন্ত।
আরও অপ্টিমাইজেশান
অ্যাপ্লিকেশনটি প্রস্তুত থাকলে, দলটি বিক্রেতার বান্ডিলের আকার এবং জাভাস্ক্রিপ্ট এক্সিকিউশন সময়কে আরও হ্রাস করতে চেয়েছিল, তাই তারা তাদের প্রতিক্রিয়া অ্যাপটি প্রযোজনায় পূর্বাভাস দেওয়ার জন্য স্যুইচ করেছে। ( প্রতিক্রিয়া সংগ্রহে আরও জানুন)) এই পদ্ধতির মাধ্যমে তাদের বিক্রেতার বান্ডিলের আকারটি 82.3 কেবি থেকে 51.2 কেবি থেকে হ্রাস করতে সহায়তা করেছে।
নির্ভরযোগ্যতা তৈরি
ভারতীয় বাজারে মনোনিবেশ করার সাথে সাথে, ট্রুবিলের বেশিরভাগ ব্যবহারকারীরা তাদের পণ্যটি প্যাচি নেটওয়ার্কগুলিতে অ্যাক্সেস করে যা কখনও কখনও ব্যান্ডউইথগুলিতে 2 জি হিসাবে কম হয়। সুতরাং একটি স্থিতিস্থাপক অভিজ্ঞতা তৈরি করা কেবল সীমাবদ্ধ নেটওয়ার্ক অবস্থার অধীনে কর্মক্ষমতা উন্নত করার জন্য নয়, এমন একটি পণ্য সরবরাহ করার ক্ষেত্রেও গুরুত্বপূর্ণ ছিল যা তাদের ব্যবহারকারীরা নির্ভর করতে পারে - এটি সর্বদা কাজ করে।
নির্ভরযোগ্য লোডিংয়ের জন্য একটি হাইব্রিড ক্যাচিং কৌশল
ট্রুবিলের সামগ্রীর জন্য ইন্টারেক্টিভিটি এবং পরিবর্তনের হার অনেক বেশি পরিবর্তিত হয়। এর সমস্ত বিষয়বস্তু তাজা এবং নির্ভরযোগ্য উভয়ই তা নিশ্চিত করার জন্য, ট্রুবিল টিম নেটওয়ার্ক-প্রথম, ক্যাশে-প্রথম এবং দ্রুততম কৌশলগুলির সংমিশ্রণ ব্যবহার করে এপিআই ক্যাচিং প্রয়োগ করেছে।
সাবস্ক্রিপশন পৃষ্ঠার মতো স্ট্যাটিক পৃষ্ঠাগুলির জন্য, ট্রুবিল প্রথমে তাদের সাবস্ক্রিপশন এপিআই ক্যাশে যেতে প্রথমে নেটওয়ার্কে ফিরে যাওয়ার জন্য একটি ক্যাশে-প্রথম কৌশল ব্যবহার করে।
গতিশীল সামগ্রীযুক্ত পৃষ্ঠাগুলির জন্য যা খুব কমই পরিবর্তিত হয়, যেমন তাদের পণ্য তালিকা বা বিশদ পৃষ্ঠাগুলি, ট্রুবিল একটি নেটওয়ার্ক-প্রথম কৌশল ব্যবহার করে যাতে ব্রাউজারটি প্রথমে এপিআই ক্যাশে ফিরে যাওয়ার আগে সামগ্রীর জন্য নেটওয়ার্কটি পরীক্ষা করে যদি নেটওয়ার্ক অনুপলব্ধ থাকে।
এবং গতিশীল পৃষ্ঠাগুলির জন্য যা প্রায়শই পরিবর্তিত হয়, যেমন বাড়ি, ফিল্টার, অনুসন্ধান এবং নগর পৃষ্ঠাগুলি, ট্রুবিল প্রথমে যে কোনওটির ভিত্তিতে নেটওয়ার্ক বা ক্যাশের মধ্যে বেছে নিতে একটি দ্রুততম প্রথম কৌশল ব্যবহার করে। সামগ্রীটি তাজা রয়েছে তা নিশ্চিত করার জন্য, যখনই নেটওয়ার্কের প্রতিক্রিয়া ক্যাশে রয়েছে তার থেকে পৃথক হলে ক্যাশে আপডেট করা হয়।
একটি সম্পূর্ণ অফলাইন অভিজ্ঞতার জন্য পরিষেবা কর্মীরা
যদিও ট্রুবিলের সামগ্রীর একটি বড় অংশ অত্যন্ত গতিশীল - কেয়ারগুলি যে কোনও সময় যুক্ত বা কেনা যায় - দলটি নিশ্চিত করতে চেয়েছিল যে তাদের ব্যবহারকারীদের সাথে জড়িত থাকার জন্য কিছু বিষয়বস্তু রয়েছে, এমনকি যদি তারা প্যাচি নেটওয়ার্কগুলির মধ্য দিয়ে যাচ্ছিল বা সম্পূর্ণ অফলাইন ছিল।
পরিষেবা কর্মীদের ব্যবহার করে, দলটি স্ট্যাটিক ডেটা এবং গতিশীল ডেটা উভয়ই ক্যাশে করতে সক্ষম হয়েছিল যা কোনও ব্যবহারকারী ইতিমধ্যে ইন্টারঅ্যাক্ট করেছেন যাতে ব্যবহারকারী এটি অফলাইনে দেখতে পারে। ব্যবহারকারীরা অনলাইনে ফিরে আসার সময় সামগ্রীগুলি পরিবর্তিত হতে পারে তা নিশ্চিত করার জন্য, দলটি ইউআইকে গ্রেস্কেলে পরিবর্তন করে অফলাইন মোডটি নির্দেশ করতে পারে। ব্রাউজিং পণ্য পৃষ্ঠাগুলি ট্রুবিল ব্যবহারকারী যাত্রার একটি গুরুত্বপূর্ণ অঙ্গ। কমপক্ষে একবার পিডব্লিউএ পরিদর্শন করেছেন এমন ব্যবহারকারীরা তালিকা এবং পণ্য পৃষ্ঠাগুলি ব্রাউজ করতে পারেন যা তারা আগে পরিদর্শন করেছেন তবে তালিকা বা পণ্যের কোনও আপডেট দেখতে সক্ষম হবেন না।
ব্যবহারকারীদের ফিরে আসতে ব্যস্ততা উন্নত করুন
একটি আকর্ষণীয় প্রথম অভিজ্ঞতা
যেহেতু তাদের বেশিরভাগ ব্যবহারকারী অর্থ প্রদানের চ্যানেলগুলি থেকে আসে, তাই ট্রুবিল তাদের দ্রুত লোডিং ওয়েব অ্যাপ্লিকেশনটিকে এমন একটি পণ্য সরবরাহ করতে হবে যা রূপান্তরগুলি বাড়ানোর জন্য অত্যন্ত প্রাসঙ্গিক সুপারিশগুলিকে পৃষ্ঠত্যাগ করে। দলটি বিদ্যমান ব্যবহারকারীদের জন্য পরিশীলিত ফিল্টারিংয়ের উপর ভিত্তি করে একটি সুপারিশ সিস্টেম ব্যবহার করে, তাদের সিস্টেমটি প্রথমবারের মতো লগ ইন করা ব্যবহারকারীদের জন্য কাজ করে না।
তাদের প্রথমবারের ব্যবহারকারীদের একটি শীতল সূচনা দেওয়া এড়াতে, দলটি তাদের ডিজিটাল বিপণনের প্রচেষ্টা ব্যবহার করে একটি সুপারিশ সিস্টেমকে সংহত করেছে। তারা কোনও ইউটিএম প্যারামিটারের মাধ্যমে কোনও বিজ্ঞাপনের গন্তব্য ইউআরএলে গাড়ি মডেল, দাম এবং বডি টাইপের মতো পণ্যের বিবরণ যুক্ত করে, যা তাদের সুপারিশ সিস্টেম দ্বারা পড়া হয় এবং প্রকাশিত পণ্যগুলিতে প্রতিফলিত হয়। সিএসএমই যদি ইউআরএলে এ জাতীয় কোনও বিবরণ না পড়ে তবে এটি জনপ্রিয় গাড়িগুলিতে ফিরে আসে, যা জনপ্রিয় মডেল, জনপ্রিয় বাজেট এবং গাড়িগুলির সংমিশ্রণ যা গত কয়েক সপ্তাহ বা দিনগুলিতে জনপ্রিয় ছিল।
একটি ইনস্টলযোগ্য ওয়েব অ্যাপ্লিকেশন
বাধ্যতামূলক ব্যবহারকারীর অভিজ্ঞতার সাথে একটি দ্রুত, পূর্ণ-বৈশিষ্ট্যযুক্ত ওয়েব অ্যাপ্লিকেশন তৈরি করার পরে, ট্রুবিল তাদের ব্যবহারকারীরা ফিরে আসতে থাকবে তা নিশ্চিত করতে চেয়েছিল। তারা বুঝতে পেরেছিল যে অ্যাপটি ইনস্টলযোগ্য করে তোলা পুনরাবৃত্তি ভিজিটকে আরও বেশি বিরামবিহীন করে তুলবে।
দলটি তাদের পণ্যটিকে একটি সম্পূর্ণ প্রগ্রেসিভ ওয়েব অ্যাপ্লিকেশন (পিডাব্লুএ) করতে অ্যাড টু হোম স্ক্রিন বৈশিষ্ট্যটি প্রয়োগ করেছে। এই পদ্ধতির ব্যবহারকারীদের হোম স্ক্রিনে ট্রুবিল লাইট যুক্ত করতে এবং এটি পূর্ণ-স্ক্রিন মোডে চালু করার অনুমতি দেয়। এবং যেহেতু তারা ইতিমধ্যে একটি অফলাইন মোড বাস্তবায়ন করেছে, দলটি সহজেই নতুন বৈশিষ্ট্যটি যুক্ত করতে সক্ষম হয়েছিল।
তাদের ব্যবহারকারীরা স্প্যাম না করা হয়েছে তা নিশ্চিত করার জন্য এবং ব্যবহারকারীরা অ্যাপটি ইনস্টল করার সম্ভাবনা বাড়ানোর জন্য, দলটি সম্প্রতি পিডব্লিউএ ইনস্টলেশন প্রচারের জন্য তাদের কৌশল আপডেট করেছে যাতে ইনস্টলেশন প্রম্পটগুলি উপস্থিত হয় যখন তারা আসলে বিভিন্ন ধরণের ব্যবহারকারীর পক্ষে কার্যকর হবে। ট্রুবিল একটি তিন অংশের কৌশল নিয়ে স্থির হয়েছে:
- ব্যবহারকারী যখন কোনও ক্রিয়া সম্পন্ন করে বা অলস থাকে তখন প্রম্পটগুলি দেখান।
- পরিপক্ক ব্যবহারকারীদের প্রাসঙ্গিক অনুরোধগুলি দেখান।
- যখন ব্যবহারকারী সাইটে একটি নির্ধারিত পরিমাণ সময় ব্যয় করে তখন একটি ব্যানার দেখান।
প্রক্রিয়া সমাপ্তিতে এবং উচ্চ ট্র্যাফিক পৃষ্ঠাগুলিতে ডিফল্ট ব্যানার
কোনও ব্যবহারকারী যখন কোনও কার্য সম্পন্ন করে বা উচ্চ ট্র্যাফিক পৃষ্ঠাগুলিতে থাকে তবে অলস তবে অলস (অর্থাৎ কোনও পদক্ষেপ গ্রহণ না করে, যেমন কোনও ফর্ম স্ক্রোলিং করা বা কোনও ফর্ম পূরণ করা) দলটি একটি ইনস্টলেশন ব্যানার দেখানোর সিদ্ধান্ত নিয়েছে। এই পদ্ধতির ফলে তাদের ব্যবহারকারীর ক্রিয়াকলাপকে বাধা দেওয়া এড়াতে দেওয়া হয়েছিল।
পরিপক্ক ব্যবহারকারীদের জন্য প্রাসঙ্গিক অনুরোধ
কিছু সময়ের জন্য অ্যাপ্লিকেশনটির সাথে কথোপকথনকারী ব্যবহারকারীদের জন্য, দলটি হোম স্ক্রিনে অ্যাপটি ইনস্টল করার মান দেখানোর জন্য অত্যন্ত প্রাসঙ্গিক কাস্টম বার্তা ব্যবহার করেছে:
সময়-ভিত্তিক অনুরোধগুলির জন্য একটি কাস্টম ব্যানার
অবশেষে, দলটি নির্দিষ্ট ইভেন্টগুলিতে ট্রিগার করা একটি বিজ্ঞপ্তি-জাতীয় নকশা সহ একটি অ-প্রবেশমূলক ব্যানারটিতে নির্মিত, যেমন কোনও তালিকা পৃষ্ঠা খোলার মতো বা ব্যবহারকারী অ্যাপটিতে ব্যয় করা একটি নির্ধারিত সময় ব্যয় করার পরে:
এই উন্নতির কারণে, সত্যবিআইএল এর রূপান্তর এবং বাগদানের হারগুলি 26% দীর্ঘ ব্যবহারকারী সেশন এবং 61% আরও বেশি রূপান্তরগুলির সাথে উল্লেখযোগ্যভাবে বৃদ্ধি পেয়েছে, যা প্রতিটি রূপান্তরটির উচ্চ লেনদেনের মানকে কেন্দ্র করে তাদের ব্যবসায়ের জন্য তাৎপর্যপূর্ণ।
সীমিত সংস্থান সহ একটি স্টার্টআপের জন্য, সঠিক প্ল্যাটফর্মটি বেছে নেওয়া ব্যবসায়ের সাফল্যের জন্য গুরুত্বপূর্ণ হতে পারে। গতি, স্থিতিস্থাপকতা এবং বাগদানের উপর দৃষ্টি নিবদ্ধ করে একটি পিডব্লিউএতে চলে যাওয়া, আমাদের আমাদের রাজস্ব থেকে বিপণন ব্যয় বাড়িয়ে 80% বৃদ্ধি করতে সক্ষম করে বর্ধিত রূপান্তর এবং ওয়েবের ঘর্ষণহীন পৌঁছনোর জন্য ধন্যবাদ।
রাকেশ রমন, সহ-প্রতিষ্ঠাতা এবং ট্রুবিল এ প্রোডাক্ট অ্যান্ড ডেটা সায়েন্সের প্রধান
44 %
লোডিং সময় উন্নতি
26 %
দীর্ঘতর ব্যবহারকারী সেশন
61 %
রূপান্তর বৃদ্ধি
80 %
রাজস্ব থেকে বিপণন ব্যয় বৃদ্ধি