প্রকৃত ব্যবহারকারীদের ওয়েব ভাইটাল পরিমাপ করে, 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 তাদের নমনীয়তার সুবিধা ব্যবহার করে চ্যালেঞ্জ গ্রহণ করেছে। তারা বিশ্বাস করে যে তাদের কেস স্টাডির ফলাফল তাদের ভবিষ্যতে আরও ডেটা-ভিত্তিক সিদ্ধান্ত নিতে সাহায্য করবে, সেইসাথে অন্যান্য ডেভেলপারদের তাদের কাজের প্রভাব পরিমাপ করতে এবং তাদের স্টেকহোল্ডারদের বোঝাতে সাহায্য করবে যে পারফরম্যান্সের উন্নতি বিনিয়োগের মূল্য। এই পোস্টে তারা কিভাবে এটি করেছে তা খুঁজে বের করুন।
জাভাস্ক্রিপ্ট এবং সম্পদ অপ্টিমাইজ করুন
- রেন্ডার-ব্লকিং রিসোর্স বাদ দিন।
- কোড বিভক্ত করুন এবং গতিশীল
import()
। - সমস্ত বিষয়বস্তুকে আলাদা অংশে বিভক্ত করুন এবং ভাঁজের নীচের HTML ফাইলগুলি অলস লোড করুন৷
- চাহিদা অনুযায়ী জাভাস্ক্রিপ্ট চালান এবং লোড করুন।
- ধীরগতির জাভাস্ক্রিপ্ট সংস্থানগুলি সনাক্ত করুন এবং
<script>
ট্যাগে অ্যাসিঙ্ক অ্যাট্রিবিউট ব্যবহার করে এবং গুরুত্বপূর্ণ উত্সগুলির সাথে প্রাথমিক সংযোগ স্থাপন করে লোডিং প্রক্রিয়াটি অপ্টিমাইজ করুন (রিসোর্স ইঙ্গিত যেমনdns-prefetch
,preconnect
, এবংpreload
)। - অব্যবহৃত কোড সরান , এবং সংক্ষিপ্ত এবং সংকুচিত করুন ।
- একটি CDN ব্যবহার করুন ।
- ওয়ার্কবক্স সহ সার্ভিস ওয়ার্কার ব্যবহার করে ক্যাশিং নিয়ন্ত্রণ করুন ।
ইমেজ অপ্টিমাইজ করুন
- অলস লোড নীচে-ভাঁজ ইমেজ .
- একটি CDN দিয়ে ছবি অপ্টিমাইজ করুন , সঠিক আকারের ছবি ডেলিভার করুন, ছবি কম্প্রেস করুন এবং কাজের জন্য সঠিক ইমেজ ফরম্যাট গ্রহণ করুন (WebP, SVG, Web Fonts)।
সিএলএস অপ্টিমাইজ করুন
- ছবিগুলি লোড হওয়ার সময় ছবির জন্য প্রয়োজনীয় স্থান সংরক্ষণ করতে CSS
aspect-ratio
ব্যবহার করুন৷ - উপাদানগুলি অলসভাবে লোড হওয়ার সময় লেআউট শিফট কমাতে CSS
min-height
ব্যবহার করুন।
কর্মক্ষমতা পরিমাপ
তাদের ওয়েবসাইট অডিট করার জন্য PageSpeed Insights ব্যবহার করার পাশাপাশি, দলটি প্রকৃতপক্ষে ক্ষেত্রে ব্যবহারকারীরা কী অনুভব করছে তা জানার জন্য আরও ভাল উপায় খুঁজতে চেয়েছিল। তাই, Rakuten 24 কোর ওয়েব ভাইটাল এবং ক্ষেত্রের অন্যান্য মেট্রিক্স পরিমাপ করার জন্য ওয়েব-ভাইটাল জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার করার এবং ইনহাউস অ্যানালিটিক্স টুলে ডেটা পাঠানোর সিদ্ধান্ত নিয়েছে।
কর্মক্ষমতা বিশ্লেষণ
কোর ওয়েব ভাইটাল এবং মূল ব্যবসায়িক মেট্রিক্সের মধ্যে কোনো সম্পর্ক আছে কিনা তা নির্ধারণ করতে দলটি সংগৃহীত ফিল্ড ডেটা বিশ্লেষণ করেছে। তারা জানতে পেরেছে যে রূপান্তরিত ব্যবহারকারীরা রূপান্তরিত হয়নি এমন ব্যবহারকারীদের তুলনায় একটি ভাল LCP অনুভব করে।
সংগৃহীত তথ্য আরো প্রকাশ করেছে যে:
- একটি ভাল এলসিপি রূপান্তর হারে 61.13% পর্যন্ত, ভিজিটর প্রতি রাজস্ব 26.09% এবং গড় অর্ডার মান 11.26% পর্যন্ত বৃদ্ধি করতে পারে।
- একটি ভাল FID সামগ্রিক গড় ডেটার তুলনায় রূপান্তর হারে 55.88% পর্যন্ত বৃদ্ধি পেতে পারে।
কর্মক্ষমতা নিরীক্ষণ
দলটি ক্ষেত্র এবং ব্যবসায়িক বুদ্ধিমত্তা সরঞ্জামে সংগৃহীত ডেটা ব্যবহার করে একটি কর্মক্ষমতা পর্যবেক্ষণ ড্যাশবোর্ড তৈরি করেছে। অগ্রগতি নিরীক্ষণ এবং রিগ্রেশন প্রতিরোধের জন্য এটি গুরুত্বপূর্ণ।
A/B পরীক্ষা
A/B পরীক্ষা হল পারফরম্যান্স অপ্টিমাইজেশানের ব্যবসায়িক প্রভাব পরিমাপ করার একটি ভাল উপায় বলে বিশ্বাস করে, দলটি তাদের একটি ল্যান্ডিং পৃষ্ঠা কোর ওয়েব ভাইটালের জন্য অপ্টিমাইজ করে তারপর এক মাসের জন্য A/B পরীক্ষার মাধ্যমে অপ্টিমাইজ করা সংস্করণটিকে আসল পৃষ্ঠার সাথে তুলনা করে৷ তারা উল্লেখযোগ্য ট্রাফিক এবং রূপান্তর সহ একটি ল্যান্ডিং পৃষ্ঠা বেছে নিয়েছে যাতে পরীক্ষাটি অর্থপূর্ণ ফলাফল অর্জন করতে পারে। পরীক্ষার সময়কালে, ট্রাফিকের 50% অপ্টিমাইজ করা ল্যান্ডিং পৃষ্ঠাতে (সংস্করণ A) পাঠানো হয়েছিল এবং 50% আসল পৃষ্ঠায় (সংস্করণ B) পাঠানো হয়েছিল৷ সংস্করণ A এবং সংস্করণ B এর মধ্যে একমাত্র পার্থক্য ছিল যে সংস্করণ A কোর ওয়েব ভাইটালগুলির জন্য অপ্টিমাইজ করা হয়েছিল এবং অন্য কোনও কার্যকরী বা ভিজ্যুয়াল পার্থক্য ছিল না।
অপ্টিমাইজ করা সংস্করণ A মোবাইল লোড পরীক্ষায় 0.4 সেকেন্ড আগে লোডিং শেষ হয়েছে এবং কোন উল্লেখযোগ্য লেআউট পরিবর্তন দেখায় না। প্রকৃতপক্ষে, সংস্করণ A-এর CLS সংস্করণ B-এর তুলনায় 92.72% উন্নত হয়েছে। অন্যান্য ওয়েব ভাইটাল স্কোরও উন্নত হয়েছে: FID 7.95% দ্বারা উন্নত হয়েছে , FCP 8.45% দ্বারা উন্নত হয়েছে , এবং TTFB 18.03% দ্বারা উন্নত হয়েছে ৷
অপ্টিমাইজ করা সংস্করণ B-এর সাথে অপ্টিমাইজ করা সংস্করণ A-এর তুলনা করে, Rakuten 24 খুঁজে পেয়েছে যে সংস্করণ A নিয়ে আসে:
- 53.37% দর্শক প্রতি রাজস্ব বৃদ্ধি.
- রূপান্তর হারে 33.13% বৃদ্ধি।
- গড় অর্ডার মান 15.20% বৃদ্ধি।
- গড় সময় ব্যয় 9.99% বৃদ্ধি.
- প্রস্থান হার 35.12% হ্রাস.
উপসংহার
ওয়েব কর্মক্ষমতা অপ্টিমাইজেশান চ্যালেঞ্জিং কিন্তু ফলপ্রসূ। ডেটা-চালিত পদ্ধতির মাধ্যমে, Rakuten 24 সফলভাবে ব্যবহারকারীদের আরও ভাল অভিজ্ঞতা প্রদান করেছে এবং সেইসাথে তাদের ব্যবসায় ইতিবাচক প্রভাব পরিমাপ করেছে। এটা বুঝতে পেরে যে এটি গন্তব্য নয় যাত্রার একটি অংশ, তারা অনলাইন ক্রেতাদের আরও আনন্দদায়ক অভিজ্ঞতা প্রদান করতে তাদের ওয়েবসাইট উন্নত করতে থাকবে।
অপ্টিমাইজেশনের জন্য একটি যৌথ প্রচেষ্টা প্রয়োজন এবং বিকাশকারীদের এই যাত্রায় একা থাকতে হবে না। তাদের সংগ্রাম এবং কৃতিত্ব ভাগ করে নেওয়ার মাধ্যমে, Rakuten 24 আশা করে যে আরও বিকাশকারীরা কোর ওয়েব ভাইটাল ডেটা ব্যবহার করে স্টেকহোল্ডারদের সাথে পারস্পরিক বোঝাপড়া তৈরি করতে পারে এবং তারপরে উচ্চ-মানের ব্যবহারকারীর অভিজ্ঞতা এবং ব্যবসায়িক বৃদ্ধির দিকে একসাথে কাজ করতে পারে।