Core Web Vitals-এর ব্যবসায়িক প্রভাব

এই নিবন্ধটি আপনাকে বুঝতে সাহায্য করবে যে কোর ওয়েব ভাইটালগুলি কীভাবে মূল ব্যবসায়িক মেট্রিক্সের সাথে সম্পর্কযুক্ত কোম্পানিগুলির উদাহরণগুলি অন্বেষণ করে যা ইতিমধ্যে তাদের ব্যবহারকারী এবং ব্যবসার জন্য ইতিবাচক প্রভাব দেখেছে৷

সৌরভ রাজপাল
Saurabh Rajpal
স্বেতা গোপালকৃষ্ণন
Swetha Gopalakrishnan

LCP, FID, CLS

আপনি কি আপনার স্টেকহোল্ডারদের Core Web Vitals গ্রহণ করতে রাজি করাতে সংগ্রাম করছেন? অথবা আপনি ভাবছেন যে এটি আসলে আপনার ব্যবসায় সাহায্য করে কিনা? এই নিবন্ধটি আপনাকে বুঝতে সাহায্য করবে যে কোর ওয়েব ভাইটালগুলি কীভাবে মূল ব্যবসায়িক মেট্রিক্সের সাথে সম্পর্কযুক্ত কোম্পানিগুলির উদাহরণগুলি অন্বেষণ করে যা ইতিমধ্যে তাদের ব্যবহারকারী এবং ব্যবসার জন্য ইতিবাচক প্রভাব দেখেছে৷

আপনি যদি ভিডিও পছন্দ করেন তবে Google I/O থেকে এই আলোচনাটি দেখুন:

কেন কোর ওয়েব ভাইটাল আপনার ব্যবহারকারী এবং ব্যবসার জন্য গুরুত্বপূর্ণ

একটি প্রতিষ্ঠানের বিভিন্ন স্টেকহোল্ডারদের বিভিন্ন অগ্রাধিকার থাকতে পারে। Core Web Vitals ব্যবহারকারী-কেন্দ্রিক মেট্রিক্স অপ্টিমাইজ করা এবং এর ফলে ব্যবসায়িক বৃদ্ধির উপর ফোকাস করে তাদের সবাইকে একই পৃষ্ঠায় আনতে পারে।

কোর ওয়েব ভাইটাল সম্পর্কে চিন্তা করা.

ভাল কোর ওয়েব ভাইটালগুলির পাথ সাইট থেকে সাইট পরিবর্তিত হতে পারে তারা পারফরম্যান্স যাত্রায় কোথায় আছে এবং সাইট ডিজাইন কতটা জটিল তার উপর নির্ভর করে। এটি কম ঝুলন্ত ফল দখল এবং অর্থপূর্ণ ফলাফল পেতে হতে পারে; জটিল সমাধান বাস্তবায়নের জন্য যা চ্যালেঞ্জিং সমস্যা সমাধান করে। যতই সময় ব্যয় করা হোক না কেন, সিদ্ধান্ত গ্রহণকারীদের তাদের ব্যবসার বৃদ্ধিতে দীর্ঘমেয়াদী বিনিয়োগ হিসাবে বিবেচনা করা উচিত। একটি দ্রুত এবং নির্বিঘ্ন নেভিগেশন অভিজ্ঞতা প্রদান করা ব্যবহারকারীদের আনন্দিত করে এবং তাদের বিশ্বস্ত এবং ফিরে আসা গ্রাহকে পরিণত করতে সহায়তা করে। পণ্য পরিচালকদের জন্য, কর্মক্ষমতা একটি গুরুত্বপূর্ণ মানদণ্ড হওয়া উচিত যা নতুন পণ্য বৈশিষ্ট্যগুলির গুণমান এবং সাফল্যকে সংজ্ঞায়িত করে। এবং পণ্যের উৎকর্ষতা এবং আকর্ষণীয় চ্যালেঞ্জের উপর কাজ করা ডেভেলপারের সন্তুষ্টিকেও উন্নত করে।

কোর ওয়েব ভাইটাল র‌্যাঙ্কিং সিগন্যাল হিসেবে কর্মক্ষমতায় সময় বিনিয়োগ করার জন্য অতিরিক্ত অনুপ্রেরণা দেয়, কোর ওয়েব ভাইটাল গ্রহণ করার ফলে র‌্যাঙ্কিংয়ের বাইরে আরও অনেক স্বল্প ও দীর্ঘমেয়াদী সুবিধা রয়েছে। আসুন বিশ্বব্যাপী এবং স্থানীয় ব্র্যান্ডগুলির বেশ কয়েকটি কেস স্টাডি অন্বেষণ করি যারা ব্যবহারকারীর অভিজ্ঞতার উপর ফোকাস করার কারণে Core Web Vitals (এটি র‍্যাঙ্কিংয়ে প্রভাব ফেলার আগে) গ্রহণ করেছিল।

কেস স্টাডিজ

ভোডাফোন

ভোডাফোন (ইতালি) 8% বেশি বিক্রয় অর্জন করতে 31% দ্বারা LCP উন্নত করেছে

8% বেশি বিক্রি

কৌশল

  • সার্ভার সাইড সমালোচনামূলক HTML রেন্ডার করুন।
  • রেন্ডার ব্লকিং জাভাস্ক্রিপ্ট হ্রাস করুন।
  • ইমেজ অপ্টিমাইজেশান কৌশল।
  • হিরো ইমেজ রিসাইজ করুন; অ-গুরুত্বপূর্ণ সম্পদ বিলম্বিত.

মূল শিক্ষা

  • অর্থপূর্ণ প্রভাব পরিমাপ করার সর্বোত্তম উপায় হল A/B পরীক্ষা।
  • A/B সার্ভার সাইড হতে হবে।

আমি রাঁধি

iCook 10% বেশি বিজ্ঞাপন আয় অর্জনের জন্য CLS 15% উন্নত করেছে।

বিজ্ঞাপনের আয় বৃদ্ধির চার্ট।

কৌশল

  • বিজ্ঞাপন ইউনিটের আকারে কম পরিবর্তনশীলতা এবং নির্দিষ্ট আকারের বিজ্ঞাপন স্লটগুলি UI-তে আগে থেকে বরাদ্দ।
  • অপ্টিমাইজ করা বিজ্ঞাপন স্ক্রিপ্ট লোডিং লজিক হেডার বিডিংকে অগ্রাধিকার দিতে এবং অ-সমালোচনামূলক JS স্থগিত করতে।

মূল শিক্ষা

পূরণের হার প্রভাবিত হতে পারে কিন্তু শেষ পর্যন্ত বিজ্ঞাপন দর্শনযোগ্যতার উন্নতির সাথে আয় বৃদ্ধি পায়।

টোকোপিডিয়া

Tokopedia 55% দ্বারা LCP উন্নত করেছে এবং 23% ভাল গড় সেশনের সময়কাল দেখেছে।

3.78s আগে, 1.72s পরে।

কৌশল

  • সার্ভার-সাইড রেন্ডার (SSR) LCP উপাদান।
  • LCP উপাদান প্রিলোড করুন।
  • ইমেজ অপ্টিমাইজেশান (কম্প্রেশন, ওয়েবপি, অলস লোড অ-সমালোচনামূলক ছবি)।

মূল শিক্ষা

  • দল জুড়ে অগ্রগতি এবং প্রভাব নিরীক্ষণের জন্য একটি কর্মক্ষমতা পর্যবেক্ষণ ড্যাশবোর্ড তৈরি করুন৷
  • বিভিন্ন রেন্ডারিং কৌশল নিয়ে পরীক্ষা করা হয়েছে (উদাহরণস্বরূপ, SSR LCP উপাদান বনাম SSR ভাঁজ বিষয়বস্তু বনাম সম্পূর্ণ ক্লায়েন্ট-সাইড রেন্ডারিং)।

রেডবাস

কোর ওয়েব ভাইটাল ফিক্সগুলি 80-100% মোবাইল কনভার্সন রেট (mCVR) এবং Redbus-এর বিশ্বব্যাপী বাজার বৈশিষ্ট্য জুড়ে উল্লেখযোগ্য ডোমেন র‌্যাঙ্কিং উত্থানে অবদান রেখেছে।

কলম্বিয়াতে 192% ডোমেন র‌্যাঙ্কিং উত্থান

কৌশল

  • পৃষ্ঠার উপাদানগুলির জন্য স্লটগুলি ঠিক করা এবং অপ্টিমাইজ করা ট্যাগ সন্নিবেশ স্ক্রিপ্টগুলি সরানো উন্নত CLS
  • তৃতীয় পক্ষের স্ক্রিপ্ট অপ্টিমাইজ করা এবং একক দায়িত্ব নীতির সাথে মাইক্রোসার্ভিস তৈরি করা উল্লেখযোগ্যভাবে TTI এবং TBT হ্রাস করেছে।

মূল শিক্ষা

  • CLS 1.65 থেকে 0 এ কমিয়ে বিশ্বব্যাপী তাদের ডোমেন র‌্যাঙ্কিং উল্লেখযোগ্যভাবে উন্নীত করেছে।
  • TTI প্রায় 8 s থেকে কমিয়ে প্রায় 4 s এবং TBT প্রায় 1200 ms থেকে প্রায় 700 ms এ কমিয়ে বিশ্বব্যাপী mCVR 80-100% বৃদ্ধিতে অবদান রাখে।
  • RUM টুল ব্যবহার করে নিম্ন স্তরের বাজারে বাস্তব বিশ্বের কর্মক্ষমতা মেট্রিক্স ক্যাপচার করতে সাহায্য করেছে।
  • রিগ্রেশন এড়াতে পারফরম্যান্স সংস্কৃতি গ্রহণ করা খুবই গুরুত্বপূর্ণ। এটি অপ্টিমাইজ করা কোড, দ্রুত রিলিজ এবং কম উৎপাদন সমস্যাগুলির জন্য টিমের উত্পাদনশীলতাকেও উন্নত করে৷

উপরের কেস স্টাডিগুলি দেখায় যে আপনি সর্বোত্তম অনুশীলনগুলি গ্রহণ করে এবং দ্রুত জয় প্রয়োগ করে অনেক কিছু অর্জন করতে পারেন। এখানে এই পয়েন্টের আরও কয়েকটি বাস্তব-বিশ্বের উদাহরণ রয়েছে।

Netzwelt বিজ্ঞাপনের আয় 18 শতাংশ বৃদ্ধি করেছে, Lazada মোবাইলে 3x LCP এবং 16.9 শতাংশ রূপান্তর হার বৃদ্ধি পেয়েছে, GYAO 3.1x LCP এবং ক্লিক-থ্রু রেট 108 শতাংশ উন্নতি দেখেছে

নিম্ন ঝুলন্ত ফল ধরে উপরের ফলাফলগুলি অর্জন করা হয়েছিল যেমন:

ইমেজ অপ্টিমাইজেশান জাভাস্ক্রিপ্ট অপ্টিমাইজেশান বিজ্ঞাপন এবং গতিশীল সামগ্রী
WebP ইমেজ ফরম্যাট ব্যবহার করে স্থগিত তৃতীয় পক্ষের JS ভাঁজের উপরে বিজ্ঞাপনের জন্য স্থান সংরক্ষণ করা
ইমেজ CDN ব্যবহার করে রেন্ডার-ব্লকিং এবং অব্যবহৃত JS অপসারণ করা হচ্ছে গতিশীল বিষয়বস্তুর জন্য উচ্চতা নির্ধারণ
সঙ্কোচন অলস লোডিং অ-গুরুত্বপূর্ণ JS
অ-সমালোচনামূলক ছবি স্থগিত করা সমালোচনামূলক JS প্রিলোড হচ্ছে
নায়কের ছবি প্রিলোড করা হচ্ছে
আকৃতির অনুপাত নির্দিষ্ট করা

আরও সেরা অনুশীলনের জন্য, ওয়েব ভাইটাল নির্দেশিকা দেখুন। আপনার ওয়েবসাইট অডিট করতে এবং অবিলম্বে পদক্ষেপযোগ্য সুপারিশ পেতে PageSpeed ​​অন্তর্দৃষ্টি ব্যবহার করুন৷

আরও বেশ কিছু গ্লোবাল ব্র্যান্ড রয়েছে যেগুলি কোর ওয়েব ভাইটালে বিনিয়োগ করে উপকৃত হয়েছে।

আপনি এখন কিভাবে শুরু করতে পারেন?

ধাপ 1: পরিমাপ শুরু করুন

রিয়েল ইউজার মনিটরিং (RUM) টুল ব্যবহার করে আপনার সাইটের ফিল্ড ডেটা পরিমাপ করে শুরু করুন। ইতিমধ্যেই বিভিন্ন Google এবং তৃতীয় পক্ষের (3P) RUM টুল উপলব্ধ রয়েছে৷

RUM টুলস

Google RUM টুলস

  • সার্চ কনসোল
  • পেজস্পিড ইনসাইট
  • ওয়েব-ভাইটাল জাভাস্ক্রিপ্ট লাইব্রেরি
  • ক্রোম ব্যবহারকারীর অভিজ্ঞতা প্রতিবেদন (CrUX)

তৃতীয় পক্ষের RUM টুল

  • ক্লাউডফ্লেয়ার
  • নতুন রিলিক
  • আকামই
  • ক্যালিবার
  • নীল ত্রিভুজ
  • সেন্ট্রি
  • স্পিড কার্ভ
  • কিরণ বন্দুক

আপনার জন্য সবচেয়ে ভালো কাজ করে এমন টুলটি বেছে নিন। আপনার ব্যবসার মেট্রিক্সের সাথে কোর ওয়েব ভাইটালগুলিকে সম্পর্কযুক্ত করতে আপনি আরও এক ধাপ এগিয়ে যেতে পারেন এবং Google Analytics 4 এর সাথে একীভূত হতে পারেন।

ধাপ 2: আপনার স্টেকহোল্ডারদের বোঝান

  • ব্যবহারকারীর অভিজ্ঞতা এবং কোম্পানির ব্যবসায়িক মেট্রিক্সের সাথে এর পারস্পরিক সম্পর্ক উন্নত করতে Core Web Vitals গ্রহণ করার গুরুত্ব সম্পর্কে আপনার স্টেকহোল্ডারদের শিক্ষিত করুন।
  • একটি ছোট পরীক্ষা শুরু করতে অভ্যন্তরীণভাবে একটি স্পনসর পান।
  • দল জুড়ে কোর ওয়েব ভাইটাল উন্নত করতে স্টেকহোল্ডারদের মধ্যে একটি ভাগ করা লক্ষ্য তৈরি করুন।

ধাপ 3: এই টিপস ব্যবহার করে সফল বাস্তবায়ন প্রদান করুন

  • অগ্রাধিকার দিন : অর্থপূর্ণ ফলাফল প্রদানের জন্য উচ্চ ট্রাফিক এবং/অথবা রূপান্তর তাত্পর্য সহ একটি পৃষ্ঠা চয়ন করুন (উদাহরণস্বরূপ, বিজ্ঞাপন ল্যান্ডিং পৃষ্ঠা, রূপান্তর পৃষ্ঠা, বা জনপ্রিয় পৃষ্ঠাগুলি)।
  • A/B পরীক্ষা : কোনো রেন্ডারিং খরচ এড়াতে সার্ভার সাইড টেস্টিং ব্যবহার করুন। অপ্টিমাইজ করা এবং অপ্টিমাইজ করা সংস্করণের মধ্যে ফলাফল তুলনা করুন।
  • মনিটর : রিগ্রেশন প্রতিরোধ করতে অবিরাম পর্যবেক্ষণ ব্যবহার করুন।

পরিশেষে, আমরা বিশ্বাস করি যে পারফরম্যান্স একটি যাত্রা, গন্তব্য নয়। সেই নোটে, আমরা এই নিবন্ধটিকে সাম্প্রতিক কেস স্টাডি হাইলাইটগুলির সাথে আপডেট রাখার পরিকল্পনা করছি। আপনি যদি একটি আকর্ষণীয় ব্যবসায়িক জয় পান এবং এই নিবন্ধে বৈশিষ্ট্যযুক্ত হতে চান, একটি বিষয়বস্তু প্রস্তাব জমা দিন