ই-কমার্স ফ্যাশন খুচরা বিক্রেতা কীভাবে কোর ওয়েব ভাইটাল এবং ব্যবসায়িক মেট্রিক্সের সাথে পারফরম্যান্স মেট্রিক্সের সাথে সম্পর্কযুক্ত, কেপিআই-এর বৃদ্ধি দেখে এবং পণ্যের সিদ্ধান্ত এবং পারফরম্যান্স সংস্কৃতি চালানোর জন্য একটি "পারফরম্যান্স বিজনেস কেস ক্যালকুলেটর" তৈরি করে।
অনেক কোম্পানির ভিতরে, ওয়েবসাইট স্পিড পারফরম্যান্স এবং কোর ওয়েব ভাইটালগুলিকে এখনও বেশিরভাগ ইঞ্জিনিয়ারিং টিমের দায়িত্ব হিসাবে দেখা হয়। সাইটের গতি ব্যবসার অন্যান্য ক্ষেত্রে অদৃশ্য হয়ে যেতে পারে যদি ব্যবসা এবং গ্রাহকের অভিজ্ঞতার মূল্য বোঝা না যায়। যখন মূল সিদ্ধান্ত নেওয়া হয় এবং রোডম্যাপগুলি সংজ্ঞায়িত করা হয় তখন এটি কর্মক্ষমতাকে উপেক্ষা করতে পারে।
দল জুড়ে পারফরম্যান্স সংস্কৃতি উন্নত করতে এবং তাদের ওয়েব অভিজ্ঞতায় উল্লেখযোগ্য উন্নতি করতে, বিলাসবহুল ই-কমার্স ফ্যাশন খুচরা বিক্রেতা ফারফেচ প্রকৃত গ্রাহক-কেন্দ্রিক পারফরম্যান্স মেট্রিক্স সংজ্ঞায়িত এবং ব্যবহার করার জন্য একটি প্রকল্প চালু করেছে। তারা কোম্পানির কেপিআই-এর কর্মক্ষমতা কীভাবে প্রভাবিত করে তা আলোকিত করার উপায় হিসাবে ব্যবসায়িক মেট্রিক্সের সাথে এইগুলিকে সংযুক্ত করার লক্ষ্য ছিল।
যদিও তাদের উচ্চাকাঙ্ক্ষা সেখানেই শেষ হয়নি। পরিশেষে, প্রকল্পের উদ্দেশ্য ছিল স্কেলে সাংস্কৃতিক পরিবর্তন—সংগঠনের মধ্যে সাইলোগুলিকে ভেঙে ফেলা এবং প্রযুক্তিগত বিষয় হিসাবে বিবেচিত হওয়ার বিষয়ে সবাইকে কথা বলার জন্য একটি শেয়ার করার উপায় দেওয়ার জন্য একটি নতুন ব্যবসা-ভিত্তিক ভাষা প্রবর্তন করা। Farfetch একটি শেয়ার করা দায়িত্ব হিসেবে ওয়েবসাইটের গতি পারফরম্যান্স রাখতে চেয়েছিল, জ্ঞাত সিদ্ধান্ত নেওয়ার সুবিধা এবং এটিকে একটি ভাল ওয়েব অভিজ্ঞতা তৈরির একটি প্রধান স্তম্ভ হিসাবে প্রতিষ্ঠিত করতে চেয়েছিল।
শুরু করার জন্য, ফারফেচ বুঝতে পেরেছিল যে একটি একক বিভাগ আগের মতো এটি অর্জন করতে পারেনি এবং কোম্পানির বিভিন্ন ক্ষেত্রের বিশেষজ্ঞদের একটি মূল দলকে একত্রিত করেছে - প্রকৌশল, অবকাঠামো, স্থাপত্য এবং পণ্য - যা একটি ধাপে ধাপে কৌশল তৈরি করেছে। কোম্পানী এই বিষয়ের দিকে তাকিয়ে কিভাবে পুনর্গঠন.
ধাপ 1: মেট্রিক্স সংজ্ঞায়িত করা, পরিমাপ করা এবং পর্যবেক্ষণ করা
প্রথমত, যাত্রার টাচপয়েন্ট এবং অ্যাপ্লিকেশন জুড়ে বর্তমান অবস্থা এবং বিচ্যুতিগুলি বোঝার জন্য ফারফেচের সঠিক মনিটরিং সরঞ্জাম থাকা দরকার।
তারা কোর ওয়েব ভাইটাল এবং অতিরিক্ত ব্যবহারকারী-কেন্দ্রিক কর্মক্ষমতা মেট্রিক্স ট্র্যাক করতে ল্যাব ডেটা এবং বাস্তব ব্যবহারকারী পর্যবেক্ষণ (ক্ষেত্র ডেটা) উভয়ই ব্যবহার করেছে গতি কার্যক্ষমতার বর্তমান অবস্থা বিশ্লেষণ করতে। তারা ডেটা ক্যাপচার করতে JavaScript এবং web-vitals.js
লাইব্রেরি ব্যবহার করেছিল, যা পণ্য বিশ্লেষণ দলকে একই সেশনে ব্যবসায়িক মেট্রিক্সের পাশাপাশি পারফরম্যান্স মেট্রিক্সের দৃশ্যমানতা অর্জন করতে দেয় এবং এর ফলে একটি কীভাবে অন্যটিকে প্রভাবিত করে তা পরীক্ষা করা শুরু করে।
মাল্টিডিসিপ্লিনারি গ্রুপ ব্যবসার জন্য কোন মেট্রিক্স সবচেয়ে গুরুত্বপূর্ণ তা বোঝার জন্য সেট আউট. এটি করার জন্য, তারা ফারফেচ ব্যবহারকারীদের সমালোচনামূলক যাত্রা পথের দিকে তাকিয়েছিল এবং সেই যাত্রাটিকে পারফরম্যান্স মার্কারগুলির সাথে লিঙ্ক করার চেষ্টা করেছিল। কোর ওয়েব ভাইটাল মেট্রিক্স যা Google এর রূপরেখা দিয়েছে, প্রতিটি ব্যবহারকারীর অভিজ্ঞতার একটি স্বতন্ত্র দিক উপস্থাপন করে, তারা টাইম টু ফার্স্ট বাইট (TTFB) , ফার্স্ট কনটেন্টফুল পেইন্ট (FCP) , ফার্স্ট পেইন্ট এবং টাইম ট্র্যাক করতে কাস্টম জাভাস্ক্রিপ্টও ব্যবহার করেছে। ইন্টারেক্টিভ (টিটিআই) ।
পারফরম্যান্স API , লং টাস্ক API এবং Google এর পলিফিলসের বিভিন্ন পদ্ধতি ব্যবহার করে মেট্রিক্স সংগ্রহ করা হয়। ওয়েবের সিনিয়র প্রিন্সিপাল ইঞ্জিনিয়ার ম্যানুয়েল গার্সিয়ার 2020 সালের মাঝামাঝি ফারফেচ টেক ব্লগ পোস্টে আরও বিশদ পাওয়া যাবে।
ডেটা অ্যানালিটিক্সের দিক থেকে, Farfetch-এর নিজস্ব মাল্টি-চ্যানেল ট্র্যাকিং সলিউশন রয়েছে যা Omnitracking নামক ফ্রন্ট এন্ড অ্যাপ্লিকেশন দ্বারা ব্যবহৃত হয়। এটি পেজ ভিউ, ইউজার অ্যাকশন এবং সিস্টেম অ্যাকশন দ্বারা জেনারেট হওয়া ইভেন্ট ট্র্যাক করে। Omnitracking Data Model হল Farfetch-এর বিশ্লেষণাত্মক, ডেটা অন্বেষণ এবং রিপোর্টিং কেসের সমাধান, যা ট্র্যাকারদের দ্বারা তৈরি ইভেন্টগুলির শীর্ষে তৈরি করা হয়। ডেটা মডেলের উদ্দেশ্য হল যে কাউকে সাহায্য করা এবং সমর্থন করা যাদের বুঝতে হবে:
- ব্যবহারকারীর আচরণ
- ফারফেচ অ্যাপ্লিকেশনগুলিতে ব্যবহারকারীর অভিজ্ঞতা
- অ্যাপ্লিকেশন ব্যবহার
- ম্যাক্রো এবং মাইক্রো রূপান্তর
- ক্রস চ্যানেল এবং ফানেল বিশ্লেষণ
তখন ধারণা ছিল জাভাস্ক্রিপ্ট দ্বারা ক্যাপচার করা farfetch.com-এর প্রতিটি পেজভিউ-এর পারফরম্যান্স ডেটা এই ডেটা স্তরে যোগ করা। এই মডেলটি অনুসরণ করে প্রতিটি সেশনের জন্য কর্মক্ষমতা ডেটা এবং মূল রূপান্তর ফানেল মেট্রিক্স এবং বিষয়ের উপর একটি বিশ্লেষণাত্মক অনুসন্ধানের ভিত্তির মধ্যে একটি মিল নিশ্চিত করে।
অবশেষে, Farfetch মূল যাত্রা পৃষ্ঠা জুড়ে প্রতিটি মেট্রিকের জন্য সময়-ভিত্তিক পারফরম্যান্স বাজেট এবং বাজেট লঙ্ঘন পরিচালনা করার জন্য একটি প্রশাসনিক প্রক্রিয়া স্থাপন করে। তারা উন্নয়ন প্রবাহে যত তাড়াতাড়ি সম্ভব বাজেটের বিচ্যুতি বোঝার জন্য CI পাইপলাইনে পারফরম্যান্স মেট্রিক্স অন্তর্ভুক্ত করা শুরু করেছে।
ধাপ 2: ব্যবসায়িক ভাষার মাধ্যমে যোগাযোগ করা
ফারফেচের অভ্যন্তরীণ ব্যবসায়িক বুদ্ধিমত্তা ডেটাসেটে এখন কার্যক্ষমতার ডেটা উপলব্ধ থাকায়, বিশ্লেষণ দল ডেটাতে গাণিতিক মডেল এবং প্যাটার্নগুলি অন্বেষণ করতে শুরু করেছে যা পারফরম্যান্স মেট্রিক্স এবং ব্যবসায়িক কেপিআইগুলির মধ্যে একটি সম্পর্ক নির্দেশ করতে পারে (উদাহরণস্বরূপ, রূপান্তর হার এবং একক-পৃষ্ঠা দর্শনের শতাংশ), ব্যবসার জন্য সাইটের গতি এবং UX এর আর্থিক প্রভাবের একটি নতুন দৃষ্টিভঙ্গি মঞ্জুরি দেয়। এটি ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীদের সাথে একটি সাধারণ ভাষায় কর্মক্ষমতা নিয়ে আলোচনা করতে সক্ষম করে। বিশ্লেষণে সমস্ত কোর ওয়েব ভাইটাল এবং অন্যান্য মেট্রিক্স ফারফেচকে মূল্যবান বলে মনে করা হয়েছে। এটা সত্যিই প্রভাবশালী অন্তর্দৃষ্টি প্রকাশ.
একটি সর্বোত্তম ব্যবহারকারীর অভিজ্ঞতা প্রদানের জন্য Google Largest Contentful Paint (LCP)-কে 2.5 সেকেন্ডের নিচে থাকার সুপারিশ করে, এই বিষয়টি মাথায় রেখে, Farfetch এই থ্রেশহোল্ডটি যত্ন সহকারে অধ্যয়ন করেছে এবং অর্থপূর্ণ ফলাফল পেয়েছে।
Farfetch পরিসংখ্যানগত পারস্পরিক সম্পর্ক বিশ্লেষণ দেখিয়েছে যে সেই বিন্দুর বাইরে, রূপান্তর হার কমতে শুরু করে, সেইসাথে প্রস্থান হার বৃদ্ধি পায়। এটি দেখায় যে ব্যবহারকারীরা সত্যিই একটি ধীর পৃষ্ঠা লোড উপলব্ধির নেতিবাচক দিক অনুভব করতে শুরু করে এবং প্রতিটি 100ms বেশি LCP এর সাথে রূপান্তর হার গড়ে -1.3% কমে যায়।
Farfetch ক্রমবর্ধমান লেআউট শিফট (CLS) স্কোরে প্রতিটি 0.01 কমের জন্য -3.1%-এর প্রস্থান হার হ্রাস যাচাই করেছে, ব্যবহারকারীদের একটি ওয়েবসাইটে রাখার জন্য পৃষ্ঠার স্থিতিশীলতার প্রভাবকে পুনরায় নিশ্চিত করে।
পৃষ্ঠার ইন্টারঅ্যাক্টিভিটি এবং তরলতা সম্পর্কে, যদিও ফার্স্ট ইনপুট বিলম্ব (এফআইডি) ক্রমাগত ট্র্যাক করা হয় এবং বিশ্লেষণ করা হয়, ফারফেচ টিটিআইকেও পরিমাপ করে, যা ফারফেচ ব্যবসায় রূপান্তর ফানেলের জন্য যথেষ্ট প্রভাবশালী মেট্রিক হিসাবে প্রমাণিত হয়েছে।
এর জন্য, তারা এই মেট্রিক সংরক্ষণের জন্য ওয়েবসাইটে গুগলের টিটিআই পলিফিল ইনজেকশন দেয়। লম্বা টাস্ক এপিআই ব্যবহার করে দীর্ঘ টাস্ক রিপোর্ট করা (ব্রউজারের প্রধান থ্রেডে 50 মিলিসেকেন্ডের বেশি সময় নেয়)।
বিশ্লেষণ দল তখন দেখতে সক্ষম হয়েছিল যে TTI-তে প্রতি সেকেন্ড হ্রাসের জন্য রূপান্তর হার 2.8% বৃদ্ধি পেয়েছে, যা আরও ভাল কোড দক্ষতার জন্য একটি শক্তিশালী কেস তৈরি করেছে এবং ব্রাউজারের মূল থ্রেডটি আনক্লগ করেছে।
শেষ পর্যন্ত, এই বিশ্লেষণটি দেখাতেও সক্ষম হয়েছিল যে কিছু মেট্রিক্স ব্যবসায়িক KPI-তে উল্লেখযোগ্য প্রভাব ফেলেনি, অথবা কিছু ব্যবহারকারীর যাত্রার বিভিন্ন পর্যায়ে আরও প্রাসঙ্গিক হবে। এটি রূপান্তর ফানেলের প্রতিটি পয়েন্টে হাতের কাছে থাকা সুযোগগুলির সম্পূর্ণ বোঝার অনুমতি দেয়।
ধাপ 3: সাংস্কৃতিক পরিবর্তন এম্বেড করা
সাইটের গতির ব্যবহারকারীর ধারণার উপর গুণগত ব্যবহারকারীর গবেষণার পাশাপাশি উপরের অন্তর্দৃষ্টিগুলি প্রদর্শন করা কোম্পানির লক্ষ্যগুলির সাথে সারিবদ্ধতা স্থাপন, নিরাপদ নির্বাহী-স্তরের সচেতনতা এবং পণ্যের রোডম্যাপ জুড়ে কর্মক্ষমতা ভিত্তিক সিদ্ধান্ত নেওয়ার জন্য কেনা-ইন করার জন্য সর্বোত্তম ছিল। ফারফেচের জন্য কতটা পারফরম্যান্স মূল্যবান তা প্রমাণ করা এখন সম্ভব ছিল।
অগ্রাধিকারকে স্ট্রীমলাইন করার জন্য, Farfetch একটি স্ব-পরিষেবা সরঞ্জাম তৈরি করেছে তারা সাইট স্পিড বিজনেস কেস ক্যালকুলেটর নাম দিয়েছে, Google এর স্পিড ইমপ্যাক্ট ক্যালকুলেটর থেকে অনুপ্রেরণা নিয়ে। এটি যেকোন পণ্য পরিচালককে ফ্লাইতে ব্যবসায়িক প্রভাব গণনা করে কর্মক্ষমতা উন্নতির বাইরে একটি ব্যবসায়িক কেস তৈরি করতে দেয়। রূপান্তর হার এবং ব্যবহারকারীর অভিজ্ঞতা মেট্রিক্সের মধ্যে পারস্পরিক সম্পর্ক ব্যবহার করে একটি ডেটা মডেলের সাথে, এটি বিভিন্ন পণ্যের সুযোগ, ডিভাইস এবং ব্যবহারকারীর যাত্রা স্পর্শ পয়েন্টগুলির সাথে খাপ খাইয়ে নিতে নমনীয়।
ইতিমধ্যে, স্ব-পরিষেবা বিশ্লেষণাত্মক ড্যাশবোর্ডের একটি সেট রিয়েল-টাইম কর্মক্ষমতা সূচক এবং ব্যবসার উপর তাদের প্রভাবের ব্যবসা-ব্যাপী দৃশ্যমানতা তৈরি করেছে। কার্যকারিতা এখন পণ্য বিকাশে সম্পূর্ণরূপে এম্বেড হয়ে উঠছে, এবং পণ্য দলগুলি মেট্রিক্স, অডিটিং সরঞ্জাম এবং কর্মক্ষমতা বাজেট পর্যবেক্ষণে সহজ অ্যাক্সেস উপভোগ করে। অধিকন্তু, ডেটা লেয়ার ইন্টিগ্রেশনের কারণে, পারফরম্যান্স মেট্রিক্স Farfetch A/B টেস্টিং টুলিং-এও উপলব্ধ, যা পণ্য পরিচালকদের আরও একটি শক্তিশালী অন্তর্দৃষ্টি প্রদান করে।
সাম্প্রতিক মাসগুলিতে, মূল দলটি প্রধান ক্ষুদ্র পরিষেবা এবং লেনদেনের প্রভাব নিরীক্ষণ এবং প্রমাণ করার জন্য অনুরূপ পদ্ধতি ব্যবহার করে শুধুমাত্র ফ্রন্ট-এন্ড ডেভেলপমেন্ট টিমগুলিতেই নয় বরং প্ল্যাটফর্ম ডোমেনের মধ্যেও এই সংস্কৃতি প্রতিষ্ঠার পথে রয়েছে।
এই বিষয়ে অনেকগুলি ফারফেচ চালিত উপস্থাপনা রয়েছে তবে বাহ্যিক উল্লেখও রয়েছে৷ উদাহরণস্বরূপ, কোর ওয়েব ভাইটালস-এর ব্যবসায়িক প্রভাবের উপর একটি 2021 Google I/O আলোচনায় একটি উল্লেখ। এটি থিমের অবিচ্ছিন্ন প্রাসঙ্গিকতা প্রদানে অবদান রাখে এবং সংস্কৃতিতে দলের কৌশলকে দৃঢ় করে।
ধাপ 4: মেট্রিক্স উন্নত করা
শেষ পর্যন্ত, এই সমস্ত কাজটি Farfetch-এ তাদের ওয়েবসাইটের গতির মেট্রিক্সকে উদ্দেশ্যমূলকভাবে উন্নত করতে এবং তাদের দলগুলি ক্লাস অনুশীলনে সর্বোত্তমভাবে অনুসরণ করবে এবং বর্ধনের সুযোগগুলি অনুসরণ করবে এমন গ্যারান্টি দিতে হবে।
2021 সালে শনাক্ত করা প্রধান সুযোগগুলির মধ্যে একটি হল Farfetch-এর দুটি প্রধান পৃষ্ঠার ধরন-প্রোডাক্ট পৃষ্ঠা এবং পণ্য তালিকার পৃষ্ঠাগুলিতে LCP উন্নত করার প্রয়োজন।
দলগুলি সম্বোধন করেছিল যে তারা কীভাবে সেই পৃষ্ঠাগুলির মূল বিষয়বস্তু লোড করছে৷ একটি ব্যবসায়িক মামলার সাথে সজ্জিত যা এই সুযোগটি অনুসরণ করার প্রভাব দেখিয়েছিল, তারা সক্ষম হয়েছিল:
- একটি জাভাস্ক্রিপ্ট-ভিত্তিক সমাধান থেকে পণ্য ইমেজ লোডিং উপাদানকে একটি নেটিভ বাস্তবায়নে মানিয়ে নিন।
- চিত্রগুলির অগ্রাধিকার নির্ধারণ করুন এবং সেগুলিকে সমালোচনামূলক এবং অ-সমালোচনামূলক সম্পদে ভাগ করুন।
- এইচটিএমএল-এ ইতিমধ্যেই ইনলাইন সোর্স সহ এবং
<link rel="preload">
ব্যবহার করে সমালোচনামূলক ছবিগুলি তাড়াতাড়ি লোড করুন যাতে তারা যত তাড়াতাড়ি সম্ভব ডাউনলোড করে। - সাফারির মতো অসমর্থিত ব্রাউজারগুলিতে ইন্টারসেকশন অবজারভার ব্যবহার করে পলিফিল সহ অ-গুরুত্বপূর্ণ চিত্রগুলির জন্য
<img loading="lazy">
বৈশিষ্ট্যটি ব্যবহার করুন৷
এটির সাহায্যে, তারা সুচটি সরাতে সক্ষম হয়েছিল এবং A/B পরীক্ষার মাধ্যমে হাইপোথিসিস এবং ব্যবসায়িক প্রভাব প্রমাণ করতে সক্ষম হয়েছিল। উদাহরণ স্বরূপ, পণ্যের পৃষ্ঠাগুলিতে, এই প্রচেষ্টাটি 600ms এরও বেশি শেভ করেছে, এবং A/B পরীক্ষা কোম্পানির সংজ্ঞায়িত আত্মবিশ্বাসের স্তরের সাথে 1-5% এর পরিসরে রূপান্তর হারে একটি উত্থান দেখায়৷
LCP স্কোরের জন্য Google-এর সংজ্ঞার উপর ভিত্তি করে "ভালো", "উন্নতি প্রয়োজন" এবং "খারাপ" বলে বিবেচিত পেজভিউগুলির শতাংশের পরিপ্রেক্ষিতে দলটি যে উন্নতি করতে সক্ষম হয়েছিল তা নীচে দেওয়া হল।
একটি দ্রুত সাইট এবং আরও ভাল কাজের অনুশীলনের পুরস্কার
ব্যবসায়িক কেস ক্যালকুলেটরের মতো পারফরম্যান্স এবং সরঞ্জামগুলির চারপাশে একটি সংস্কৃতি তৈরি করা প্রত্যেককে একটি ভাগ করা ভাষায় কথা বলা শুরু করার অনুমতি দেয় যা পণ্য পরিচালক, স্টেকহোল্ডার এবং ইঞ্জিনিয়াররা একইভাবে বুঝতে পারে। এটি কীভাবে নতুন উদ্যোগ এবং কর্মক্ষমতা বৃদ্ধিকে অগ্রাধিকার দেওয়া যায় সে সম্পর্কে চলমান আলোচনাকে প্ররোচিত করেছে।
ফারফেচের ওয়েব চ্যানেলের সিনিয়র প্রিন্সিপাল প্রোডাক্ট ম্যানেজার, রুই স্যান্টোস ব্যাখ্যা করেন, "আমরা পারফরম্যান্সের চক্রটি কেবলমাত্র প্রযুক্তির উদ্বেগের কারণে ভাঙতে চেয়েছিলাম, যা মোকাবেলা এবং ঠিক করার জন্য শুধুমাত্র ইঞ্জিনিয়ারিং দলের মালিকানাধীন কিছু।" "ব্যবসায়িক মেট্রিক্সের সাথে পারফরম্যান্স মেট্রিক্সকে সংযুক্ত করা আশ্চর্যজনকভাবে কার্যকর ছিল বার্তাটি খুব দ্রুত জুড়ে। ব্যবসা কোম্পানিকে চালিত করে, এবং গতির মেট্রিক্সের সাথে তার সাফল্যকে সংযুক্ত করে ট্রেড-অফ সিদ্ধান্তগুলি বুঝতে এবং নেভিগেট করার জন্য স্টেকহোল্ডারদের একটি বৃহত্তর সেটকে উৎসাহিত করে।"
বিলাসবহুল ই-কমার্স সেগমেন্টে, আপনার সাইট দ্রুত হোক বা ধীর হোক তা নির্দেশ করতে পারে কীভাবে গ্রাহকরা আপনার ব্র্যান্ড এবং আপনার পরিষেবার মান সামগ্রিকভাবে দেখেন। ব্যবহারকারীদের জন্য, গুণমান বিলাসিতা-এর সমতুল্য—এবং এটি তাদের অভিজ্ঞতার প্রতিটি ক্ষেত্রে প্রযোজ্য, সহ আপনার ওয়েবসাইট কীভাবে কাজ করে। সাইটের গতি রূপান্তর হারের উপর একটি প্রমাণিত প্রভাব তৈরি করে, পারফরম্যান্স এখন Farfetch এ ফরোয়ার্ড পরিকল্পনায় একটি নিরাপদ অবস্থান দখল করে আছে।