প্রকৃত ব্যবহারকারীদের ওয়েব ভাইটাল পরিমাপ করে, Rakuten 24 এও খুঁজে পেয়েছে যে একটি ভাল লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP) রূপান্তর হার 61.13% বৃদ্ধি করতে পারে।
Rakuten 24 হল একটি অনলাইন স্টোর যা স্বাস্থ্যসেবা, পানীয়, পোষা প্রাণীর সরবরাহ, শিশুর পণ্য এবং আরও অনেক কিছু সহ দৈনন্দিন প্রয়োজনীয় বিভিন্ন ধরনের অফার করার জন্য প্রধান বহুজাতিক এবং গার্হস্থ্য উভয় ভোগ্যপণ্য নির্মাতাদের সাথে সহযোগিতা করে। এই স্টোরটি Rakuten Group, Inc. দ্বারা সরবরাহ করা হয়েছে—ইন্টারনেট পরিষেবার একটি বিশ্বব্যাপী নেতা, এবং জাপানে তাদের ডিজিটাল মার্কেটপ্লেস প্ল্যাটফর্মের শীর্ষ পারফরমারদের মধ্যে রয়েছে।
ব্যবহারকারীর অভিজ্ঞতার উপর ওয়েব পারফরম্যান্সের প্রভাব বোঝার জন্য, Rakuten 24 টিম ক্রমাগত পরিমাপ করছে, অপ্টিমাইজ করছে এবং কোর ওয়েব ভাইটাল এবং অন্যান্য মেট্রিক্স পর্যবেক্ষণ করছে।
ফলস্বরূপ, তাদের ব্যবহারকারীদের 75% এরও বেশি ভাল লার্জেস্ট কন্টেন্টফুল পেইন্ট (LCP), ফার্স্ট ইনপুট বিলম্ব (FID) এবং ফার্স্ট কনটেন্টফুল পেইন্ট (FCP) অনুভব করছেন। যাইহোক, তারা এখনও ক্রমবর্ধমান লেআউট শিফট (CLS) উন্নতিতে কাজ করছে।
হোমপেজ ডেটা বিশ্লেষণ করার পরে, Rakuten 24 খুঁজে পেয়েছে যে একটি ভাল LCP স্কোর হতে পারে:
- রূপান্তর হারে 61.13% পর্যন্ত বৃদ্ধি।
- ভিজিটর প্রতি রাজস্ব 26.09%।
- গড় অর্ডার মান 11.26%।
- একটি ভাল FID স্কোর রূপান্তর হারে 55.88% পর্যন্ত বৃদ্ধি পেতে পারে।
কোর ওয়েব ভাইটাল এবং ব্যবসায়িক মেট্রিক্সকে আরও সম্পর্কযুক্ত করার জন্য, Rakuten 24 কোর ওয়েব ভাইটাল এবং সম্পর্কিত মেট্রিক্স অপ্টিমাইজ করার উপর দৃষ্টি নিবদ্ধ করে একটি A/B পরীক্ষা চালিয়েছে এবং এর উন্নতি দেখেছে:
- ভিজিটর প্রতি রাজস্ব 53.37%।
- রূপান্তর হারে 33.13%।
- গড় অর্ডার মান 15.20%।
- 9.99% গড় সময় ব্যয় করেছে।
- প্রস্থান হার একটি 35.12% হ্রাস.
সুযোগ হাইলাইট
যদিও ওয়েব পারফরম্যান্সকে অপ্টিমাইজ করা ব্যবহারকারীর অভিজ্ঞতা এবং ব্যবসায়িক বৃদ্ধির উন্নতির জন্য একটি স্মার্ট বিনিয়োগ, Rakuten 24 টিম বুঝতে পারে যে কোর ওয়েব ভাইটাল গ্রহণ করতে এবং ওয়েব পারফরম্যান্সের উপর ফোকাস করার জন্য স্টেকহোল্ডারদের বোঝানো কতটা কঠিন হতে পারে। তারা বিশ্বাস করে যে স্টেকহোল্ডারদের ঠিক কী ধরনের রিটার্ন অন ইনভেস্টমেন্ট (ROI) পারফরম্যান্স অপ্টিমাইজেশান আনতে পারে তা দেখানো তাদের বোর্ডে আনার সর্বোত্তম উপায়।
একটি অপেক্ষাকৃত নতুন এবং স্বাধীন পরিষেবা হওয়ায়, Rakuten 24 তাদের নমনীয়তার সুবিধা ব্যবহার করে চ্যালেঞ্জ গ্রহণ করেছে। তারা বিশ্বাস করে যে তাদের কেস স্টাডির ফলাফল তাদের ভবিষ্যতে আরও ডেটা-ভিত্তিক সিদ্ধান্ত নিতে সাহায্য করবে, সেইসাথে অন্যান্য ডেভেলপারদের তাদের কাজের প্রভাব পরিমাপ করতে এবং তাদের স্টেকহোল্ডারদের বোঝাতে সাহায্য করবে যে পারফরম্যান্সের উন্নতি বিনিয়োগের মূল্য। এই পোস্টে তারা কিভাবে এটি করেছে তা খুঁজে বের করুন।
![প্রতিটি স্ক্রিনশটের চারপাশে মোবাইল ডিভাইস ফ্রেম সহ Rakuten 24-এর হোমপেজের উদাহরণ স্ক্রিনশট।](https://web.dev/static/case-studies/rakuten/image/example-screenshots-raku-193c464c35da7.jpg?authuser=2&hl=bn)
জাভাস্ক্রিপ্ট এবং সম্পদ অপ্টিমাইজ করুন
- রেন্ডার-ব্লকিং রিসোর্স বাদ দিন।
- কোড বিভক্ত করুন এবং গতিশীল
import()
। - সমস্ত বিষয়বস্তুকে আলাদা অংশে বিভক্ত করুন এবং ভাঁজের নীচের HTML ফাইলগুলি অলস লোড করুন৷
- চাহিদা অনুযায়ী জাভাস্ক্রিপ্ট চালান এবং লোড করুন।
- ধীরগতির জাভাস্ক্রিপ্ট সংস্থানগুলি সনাক্ত করুন এবং
<script>
ট্যাগে অ্যাসিঙ্ক অ্যাট্রিবিউট ব্যবহার করে এবং গুরুত্বপূর্ণ উত্সগুলির সাথে প্রাথমিক সংযোগ স্থাপন করে লোডিং প্রক্রিয়াটি অপ্টিমাইজ করুন (রিসোর্স ইঙ্গিত যেমনdns-prefetch
,preconnect
, এবংpreload
)। - অব্যবহৃত কোড সরান , এবং সংক্ষিপ্ত এবং সংকুচিত করুন ।
- একটি CDN ব্যবহার করুন ।
- ওয়ার্কবক্স সহ সার্ভিস ওয়ার্কার ব্যবহার করে ক্যাশিং নিয়ন্ত্রণ করুন ।
ইমেজ অপ্টিমাইজ করুন
- অলস লোড নীচে-ভাঁজ ইমেজ .
- একটি CDN দিয়ে ছবি অপ্টিমাইজ করুন , সঠিক আকারের ছবি ডেলিভার করুন, ছবি কম্প্রেস করুন এবং কাজের জন্য সঠিক ইমেজ ফরম্যাট গ্রহণ করুন (WebP, SVG, Web Fonts)।
সিএলএস অপ্টিমাইজ করুন
- ছবিগুলি লোড হওয়ার সময় ছবির জন্য প্রয়োজনীয় স্থান সংরক্ষণ করতে CSS
aspect-ratio
ব্যবহার করুন৷ - উপাদানগুলি অলসভাবে লোড হওয়ার সময় লেআউট শিফট কমাতে CSS
min-height
ব্যবহার করুন।
কর্মক্ষমতা পরিমাপ
তাদের ওয়েবসাইট অডিট করার জন্য PageSpeed Insights ব্যবহার করার পাশাপাশি, দলটি প্রকৃতপক্ষে ক্ষেত্রে ব্যবহারকারীরা কী অনুভব করছে তা জানার জন্য আরও ভাল উপায় খুঁজতে চেয়েছিল। তাই, Rakuten 24 কোর ওয়েব ভাইটাল এবং ক্ষেত্রের অন্যান্য মেট্রিক্স পরিমাপ করার জন্য ওয়েব-ভাইটাল জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার করার এবং ইনহাউস অ্যানালিটিক্স টুলে ডেটা পাঠানোর সিদ্ধান্ত নিয়েছে।
![Rakuten 24 এর ওয়েব ভিটালস ট্র্যাকিং ইন্টিগ্রেশন ফ্লো। প্রথম ধাপ হল Rakuten 24 ওয়েবসাইটে স্ক্রিপ্ট যোগ করে ওয়েব-ভাইটাল লাইব্রেরি সংহত করা। এর পরে, ওয়েব ভাইটালগুলি প্রকৃত ব্যবহারকারীর মেট্রিক্স থেকে পরিমাপ করা যেতে পারে এবং ডেটা রাকুটেন 24-এর ইন-হাউস ডেটা সংগ্রহ সরঞ্জামে পাঠানো হয়।](https://web.dev/static/case-studies/rakuten/image/rakuten-24s-web-vitals-t-c0d353a93ae67.jpg?authuser=2&hl=bn)
কর্মক্ষমতা বিশ্লেষণ
কোর ওয়েব ভাইটাল এবং মূল ব্যবসায়িক মেট্রিক্সের মধ্যে কোনো সম্পর্ক আছে কিনা তা নির্ধারণ করতে দলটি সংগৃহীত ফিল্ড ডেটা বিশ্লেষণ করেছে। তারা জানতে পেরেছে যে রূপান্তরিত ব্যবহারকারীরা রূপান্তরিত হয়নি এমন ব্যবহারকারীদের তুলনায় একটি ভাল LCP অনুভব করে।
![LCP দ্বারা কনভার্ট করা ব্যবহারকারীদের সাথে যারা কনভার্ট করেননি তাদের তুলনা। যে ব্যবহারকারীর গোষ্ঠী বেশি ঘন ঘন রূপান্তর করেছে তারা কম LCP-এর অভিজ্ঞতা পেয়েছে।](https://web.dev/static/case-studies/rakuten/image/a-comparison-users-conv-c5d62d1600a03.jpg?authuser=2&hl=bn)
সংগৃহীত তথ্য আরো প্রকাশ করেছে যে:
- একটি ভাল এলসিপি রূপান্তর হারে 61.13% পর্যন্ত, ভিজিটর প্রতি রাজস্ব 26.09% এবং গড় অর্ডার মান 11.26% পর্যন্ত বৃদ্ধি করতে পারে।
- একটি ভাল FID সামগ্রিক গড় ডেটার তুলনায় রূপান্তর হারে 55.88% পর্যন্ত বৃদ্ধি পেতে পারে।
![LCP রূপান্তর হার এবং LCP সময় দ্বারা bucketed. যে ব্যবহারকারীরা বেশি ঘন ঘন রূপান্তর করেছেন তারা যখন LCP কম ছিল তখন 61.13% ব্যবহারকারীরা এক সেকেন্ড বা তার কম সময়ের LCP দিয়ে রূপান্তরিত হয়েছে।](https://web.dev/static/case-studies/rakuten/image/lcp-bucketed-conversion-62b775421189c.jpg?authuser=2&hl=bn)
![এলসিপি ভিজিটর পিছু আয় এবং এলসিপি সময় দ্বারা বাকেটেড। LCP এক সেকেন্ড বা তার কম হলে ব্যবহারকারীদের প্রতি 26.09% বেশি রাজস্ব প্রদানের সাথে কম LCP সহ ব্যবহারকারীরা আরও বেশি রাজস্ব প্রদান করে।](https://web.dev/static/case-studies/rakuten/image/lcp-bucketed-revenue-per-cb892c5f24123.jpg?authuser=2&hl=bn)
![LCP গড় অর্ডার মান এবং LCP সময় দ্বারা bucketed. যখন LCP এক সেকেন্ড বা তার কম ছিল তখন নিম্ন LCP ব্যবহারকারীদের গড় অর্ডারের মান 11.26% বেশি ছিল।](https://web.dev/static/case-studies/rakuten/image/lcp-bucketed-average-ord-f371f7233ed47.jpg?authuser=2&hl=bn)
![FID রূপান্তর হার এবং FID সময় দ্বারা bucketed. যে সমস্ত ব্যবহারকারীরা FID কম ছিল তারা ঘন ঘন রূপান্তরিত হয়েছে, 55.88% ব্যবহারকারী 50 মিলিসেকেন্ড বা তার কম FID দিয়ে রূপান্তর করেছে৷](https://web.dev/static/case-studies/rakuten/image/fid-bucketed-conversion-0d43d40d194cf.jpg?authuser=2&hl=bn)
কর্মক্ষমতা নিরীক্ষণ
দলটি ক্ষেত্র এবং ব্যবসায়িক বুদ্ধিমত্তা সরঞ্জামে সংগৃহীত ডেটা ব্যবহার করে একটি কর্মক্ষমতা পর্যবেক্ষণ ড্যাশবোর্ড তৈরি করেছে। অগ্রগতি নিরীক্ষণ এবং রিগ্রেশন প্রতিরোধের জন্য এটি গুরুত্বপূর্ণ।
![প্রতিটি কোর ওয়েব ভাইটাল (LCP, CLS, এবং FID) এর জন্য Rakuten 24-এর অভ্যন্তরীণ কর্মক্ষমতা পর্যবেক্ষণ ড্যাশবোর্ডের একটি স্ক্রিনশট।](https://web.dev/static/case-studies/rakuten/image/a-screenshot-rakuten-24-30bf38d4bb335.jpg?authuser=2&hl=bn)
A/B পরীক্ষা
A/B পরীক্ষা হল পারফরম্যান্স অপ্টিমাইজেশানের ব্যবসায়িক প্রভাব পরিমাপ করার একটি ভাল উপায় বলে বিশ্বাস করে, দলটি তাদের একটি ল্যান্ডিং পৃষ্ঠা কোর ওয়েব ভাইটালের জন্য অপ্টিমাইজ করে তারপর এক মাসের জন্য A/B পরীক্ষার মাধ্যমে অপ্টিমাইজ করা সংস্করণটিকে আসল পৃষ্ঠার সাথে তুলনা করে৷ তারা উল্লেখযোগ্য ট্রাফিক এবং রূপান্তর সহ একটি ল্যান্ডিং পৃষ্ঠা বেছে নিয়েছে যাতে পরীক্ষাটি অর্থপূর্ণ ফলাফল অর্জন করতে পারে। পরীক্ষার সময়কালে, ট্রাফিকের 50% অপ্টিমাইজ করা ল্যান্ডিং পৃষ্ঠাতে (সংস্করণ A) পাঠানো হয়েছিল এবং 50% আসল পৃষ্ঠায় (সংস্করণ B) পাঠানো হয়েছিল৷ সংস্করণ A এবং সংস্করণ B এর মধ্যে একমাত্র পার্থক্য ছিল যে সংস্করণ A কোর ওয়েব ভাইটালগুলির জন্য অপ্টিমাইজ করা হয়েছিল এবং অন্য কোনও কার্যকরী বা ভিজ্যুয়াল পার্থক্য ছিল না।
![Rakuten 24 ওয়েবসাইটের জন্য একটি মোবাইল A/B পরীক্ষার একটি স্ক্রিনশট। প্রতিটি সংস্করণ দৃশ্যত এবং কার্যকরীভাবে একই ছিল, সংস্করণ A সহ আরও ভাল কোর ওয়েব ভাইটালগুলির জন্য অপ্টিমাইজ করা হয়েছে।](https://web.dev/static/case-studies/rakuten/image/a-screenshot-a-mobile-b-23694e6702f81.jpg?authuser=2&hl=bn)
অপ্টিমাইজ করা সংস্করণ A মোবাইল লোড পরীক্ষায় 0.4 সেকেন্ড আগে লোডিং শেষ হয়েছে এবং কোন উল্লেখযোগ্য লেআউট পরিবর্তন দেখায় না। প্রকৃতপক্ষে, সংস্করণ A-এর CLS সংস্করণ B-এর তুলনায় 92.72% উন্নত হয়েছে। অন্যান্য ওয়েব ভাইটাল স্কোরও উন্নত হয়েছে: FID 7.95% দ্বারা উন্নত হয়েছে , FCP 8.45% দ্বারা উন্নত হয়েছে , এবং TTFB 18.03% দ্বারা উন্নত হয়েছে ৷
![Rakuten 24 হোমপেজের একটি স্টার্টআপ তুলনা। সংস্করণ A আরও ভালো লোডের জন্য অপ্টিমাইজ করা হয়েছে, 1.6 সেকেন্ডের মধ্যে লোড হচ্ছে, সংস্করণ B এর তুলনায়, যা 2 সেকেন্ডের মধ্যে লোড হয়েছে৷](https://web.dev/static/case-studies/rakuten/image/a-startup-comparison-the-a6e5d93ff742f.jpg?authuser=2&hl=bn)
অপ্টিমাইজ করা সংস্করণ B-এর সাথে অপ্টিমাইজ করা সংস্করণ A-এর তুলনা করে, Rakuten 24 খুঁজে পেয়েছে যে সংস্করণ A নিয়ে আসে:
- 53.37% দর্শক প্রতি রাজস্ব বৃদ্ধি.
- রূপান্তর হারে 33.13% বৃদ্ধি।
- গড় অর্ডার মান 15.20% বৃদ্ধি।
- গড় সময় ব্যয় 9.99% বৃদ্ধি.
- প্রস্থান হার 35.12% হ্রাস.
![Rakuten 24 হোমপেজের জন্য Core Web Vitals উন্নতির একটি স্ক্রিনশট। পরিসংখ্যান হল ভিজিটর প্রতি রাজস্ব 53.37% বৃদ্ধি, রূপান্তর হারে 33.13% বৃদ্ধি, গড় অর্ডার মান 15.2% বৃদ্ধি, পৃষ্ঠাগুলিতে ব্যয় করা গড় সময় 9.99% বৃদ্ধি এবং প্রস্থান হার 35.12% হ্রাস৷](https://web.dev/static/case-studies/rakuten/image/a-screenshot-core-web-vi-5494c342b0223.jpg?authuser=2&hl=bn)
উপসংহার
ওয়েব কর্মক্ষমতা অপ্টিমাইজেশান চ্যালেঞ্জিং কিন্তু ফলপ্রসূ। ডেটা-চালিত পদ্ধতির মাধ্যমে, Rakuten 24 সফলভাবে ব্যবহারকারীদের আরও ভাল অভিজ্ঞতা প্রদান করেছে এবং সেইসাথে তাদের ব্যবসায় ইতিবাচক প্রভাব পরিমাপ করেছে। এটা বুঝতে পেরে যে এটি গন্তব্য নয় যাত্রার একটি অংশ, তারা অনলাইন ক্রেতাদের আরও আনন্দদায়ক অভিজ্ঞতা প্রদান করতে তাদের ওয়েবসাইট উন্নত করতে থাকবে।
অপ্টিমাইজেশনের জন্য একটি যৌথ প্রচেষ্টা প্রয়োজন এবং বিকাশকারীদের এই যাত্রায় একা থাকতে হবে না। তাদের সংগ্রাম এবং কৃতিত্ব ভাগ করে নেওয়ার মাধ্যমে, Rakuten 24 আশা করে যে আরও বিকাশকারীরা কোর ওয়েব ভাইটাল ডেটা ব্যবহার করে স্টেকহোল্ডারদের সাথে পারস্পরিক বোঝাপড়া তৈরি করতে পারে এবং তারপরে উচ্চ-মানের ব্যবহারকারীর অভিজ্ঞতা এবং ব্যবসায়িক বৃদ্ধির দিকে একসাথে কাজ করতে পারে।