ব্যবসায়িক সিদ্ধান্ত গ্রহণকারী এবং নন-ডেভেলপাররা কীভাবে কোর ওয়েব ভাইটালকে উন্নত করতে পারে তা জানুন।
ভূমিকা
ওয়েবসাইট ব্যবহারকারীর অভিজ্ঞতা ব্যবসায়িক ফলাফলের উপর সরাসরি প্রভাব ফেলে বলে দেখা গেছে। একটি ভাল অভিজ্ঞতা প্রদান করা, যেখানে ওয়েবসাইটগুলি ব্যবহারকারীদের দ্রুত লোড করে এবং প্রতিক্রিয়া জানায়, প্রায়শই ব্যস্ততা এবং রূপান্তর বৃদ্ধি করে৷ কোর ওয়েব ভাইটালস হল ওয়েবসাইটগুলির ব্যবহারকারীর অভিজ্ঞতা পরিমাপ করার একটি উদ্যোগ যাতে উন্নতির জন্য ক্ষেত্রগুলি চিহ্নিত করা যায়৷
যাইহোক, অনেকগুলি Core Web Vitals ডকুমেন্টেশন ওয়েব ডেভেলপারদের লক্ষ্য করে, গভীর প্রযুক্তিগত বোঝাপড়া এবং তাদের কোডের উপর সম্পূর্ণ নিয়ন্ত্রণ। অনেক ওয়েবসাইট নন-ডেভেলপাররা একটি "সাইট-বিল্ডার" প্ল্যাটফর্ম ব্যবহার করে যেমন WordPress, Shopify, Wix, বা অন্যান্য অনুরূপ সমাধানগুলি প্রায়শই ওয়েব ডেভেলপমেন্ট টিম ছাড়াই তৈরি করে।
এমনকি যেখানে একটি ডেডিকেটেড টিম বা ওয়েব ডেভেলপার আছে, তারাই ওয়েব পারফরম্যান্সের জন্য দায়ী নয়। ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীদের ওয়েবসাইটের কার্যক্ষমতার উপর বিশাল প্রভাব রয়েছে, বিষয়বস্তু এবং ডিজাইনের সিদ্ধান্ত নেওয়া থেকে শুরু করে তাদের ওয়েবসাইটে আরও ট্রাফিক আনার জন্য বিজ্ঞাপনের কৌশল তৈরি করা পর্যন্ত। এই সিদ্ধান্তগুলি প্রায়শই ওয়েবসাইটের কার্যকারিতার উপর উল্লেখযোগ্য প্রভাব ফেলে।
এই নির্দেশিকাটির লক্ষ্য হল সাইট নির্মাতা এবং মালিকদের ওয়েব ডেভেলপমেন্টের গভীর প্রযুক্তিগত জ্ঞানের প্রয়োজন ছাড়াই যতটা সম্ভব তাদের ব্যবহারকারীর অভিজ্ঞতা বোঝার জন্য এবং উন্নত করার জন্য কিছু প্রাসঙ্গিক তথ্য প্রদান করা।
একই সময়ে, অনেক পারফরম্যান্স সমস্যার জন্য ডেভেলপারদের প্রযুক্তিগত সমাধানগুলি প্রয়োগ করতে হয় এবং আমাদের বিকাশকারী ফোকাসড গাইডগুলি এই প্রচেষ্টাগুলিতে সহায়তা করতে পারে৷ এটি একটি বিস্তৃত নির্দেশিকা হওয়ার উদ্দেশ্যে নয়, বরং পৃষ্ঠার দুর্বল কার্যকারিতার কিছু সাধারণ অ-উন্নয়ন মূল কারণগুলির সাথে ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীদের জন্য কোর ওয়েব ভাইটাল উদ্যোগের আরও একটি ভূমিকা। এর বাইরেও, একজন ওয়েব ডেভেলপারকে আরও অগ্রগতির জন্য নিযুক্ত হতে হবে।
মূল ওয়েব ভাইটাল কি?
কোর ওয়েব ভাইটাল হল তিনটি মেট্রিকের একটি সেট যা একটি পৃষ্ঠার ব্যবহারকারীর অভিজ্ঞতা পরিমাপ করার জন্য ডিজাইন করা হয়েছে—এবং বিশেষ করে ব্যবহারকারীদের কাছে পৃষ্ঠাটি কতটা দ্রুত অনুভব করে। এর প্রত্যেকটির তিনটি অক্ষরের সংক্ষিপ্ত রূপ রয়েছে:
- লার্জেস্ট কনটেন্টফুল পেইন্ট (LCP) লোডিং কর্মক্ষমতা পরিমাপ করে: একটি পৃষ্ঠা লোড হওয়া শুরু করার পরে পৃষ্ঠার সবচেয়ে বিশিষ্ট বিষয়বস্তু প্রদর্শিত হতে কত সময়, সেকেন্ডে, লাগে৷
- Cumulative Layout Shift (CLS) একটি পৃষ্ঠার ভিজ্যুয়াল স্থায়িত্ব পরিমাপ করে: লোড করার সময় বিষয়বস্তু কতটা ঘুরে বেড়ায়।
- নেক্সট পেইন্টের সাথে ইন্টারঅ্যাকশন (আইএনপি) — যা আনুষ্ঠানিকভাবে 12 মার্চ, 2024-এ FID প্রতিস্থাপিত হয়েছে — পৃষ্ঠাটির প্রতিক্রিয়াশীলতা পরিমাপ করে: পৃষ্ঠাটি ক্লিক, ট্যাপ এবং কীবোর্ড ইন্টারঅ্যাকশনে কত দ্রুত সাড়া দেয়।
প্রতিটি মেট্রিক ব্যবহারকারীর অভিজ্ঞতার একটি ভিন্ন দিক পরিমাপ করে। Google প্রতিটি মেট্রিকের জন্য প্রস্তাবিত থ্রেশহোল্ডগুলিও প্রদান করে, যার নীচে ব্যবহারকারীর অভিজ্ঞতা ভাল বলে বিবেচিত হয় এবং যার উপরে এটি খারাপ বলে বিবেচিত হয়৷ এই থ্রেশহোল্ডগুলির মধ্যে, একটি পৃষ্ঠাকে প্রয়োজনের উন্নতির পরিসরে বিবেচনা করা হয়। মনে রাখবেন যে, এই মেট্রিকগুলির সাথে, কম নম্বরগুলি আরও ভাল।
কোর ওয়েব ভাইটাল কিভাবে পরিমাপ করা হয়?
কোর ওয়েব ভাইটালগুলি আপনার ওয়েবসাইটের প্রকৃত ব্যবহারকারীদের দ্বারা পরিমাপ করা হয় এবং বিভিন্ন ব্যবহারকারীদের বিভিন্ন ফলাফল হবে। এগুলি "গুগল কী ভাবে" বা "গুগলবট কী ভাবে" তা নয়, তবে আপনার ওয়েবসাইটের প্রকৃত ব্যবহারকারীরা যা অনুভব করেছেন৷
কিছু ব্যবহারকারী দ্রুত ডিভাইস এবং দ্রুত নেটওয়ার্কে থাকবে। কিছু ধীর ডিভাইস বা ধীর নেটওয়ার্কে থাকবে। কিছু ব্যবহারকারী আপনার সাইটে সহজ, দ্রুত পৃষ্ঠাগুলি দেখতে যাবে, অন্যরা আরও জটিল, ধীর পৃষ্ঠাগুলি দেখবে৷ এই সমস্ত ব্যবহারকারীর অভিজ্ঞতার ফলাফলগুলি আপনার সম্পূর্ণ ওয়েবসাইটের সামগ্রিক পরিমাপ দেওয়ার জন্য একত্রিত করা হয়।
Google Chrome ব্যবহারকারীর অভিজ্ঞতা প্রতিবেদনে (CrUX) অপ্ট-ইন করা Chrome ব্যবহারকারীদের ডেটা উপলব্ধ করে, যা পেজস্পিড ইনসাইটস এবং Google সার্চ কনসোলের মতো অনেক Google টুলগুলিতে ফিড করে৷
CrUX লক্ষ লক্ষ জনপ্রিয় ওয়েবসাইটে উপলব্ধ, কিন্তু সমস্ত ওয়েবসাইট CrUX-এ নেই। অন্যান্য রিয়েল ইউজার মনিটরিং (RUM) টুলগুলিও আপনার সাইটের জন্য এই মেট্রিক্স সংগ্রহ করতে পারে।
আমি কিভাবে আমার সাইটের মূল ওয়েব ভাইটাল খুঁজে পেতে পারি?
এমন অনেক টুল রয়েছে যা Google এবং তৃতীয় পক্ষের দ্বারা সরবরাহ করা কোর ওয়েব ভাইটাল মেট্রিক্স দেখায়। এই পোস্টটি দুটি টুলের সাথে পরিচয় করিয়ে দেয় যা আপনাকে দ্রুত আপনার সাইটের মূল ওয়েব ভাইটাল দেখতে দেয়। কোর ওয়েব ভাইটালগুলিকে সম্বোধন করার জন্য সেগুলি ব্যবহার করার জন্য একটি ওয়ার্কফ্লো সহ অন্যান্য Google টুলগুলিকে গভীরভাবে দেখার জন্য - Google টুল পোস্টের সাথে কোর ওয়েব ভাইটালস ওয়ার্কফ্লোগুলি দেখুন৷
যদি আপনার প্ল্যাটফর্মটি একটি সমন্বিত RUM সমাধান প্রদান করে, তাহলে এটি আপনার সাইটের পৃষ্ঠাগুলির জন্য আরও বিশদ তথ্য প্রদান করতে পারে, বা আপনাকে নির্দিষ্ট পৃষ্ঠাগুলিতে ড্রিল ডাউন করতে বা সমস্যাগুলি বুঝতে এবং সনাক্ত করতে সহায়তা করার জন্য আপনার ব্যবহারকারীদের ভাগ করতে দেয়৷
পেজস্পিড ইনসাইট
একটি দ্রুত দৃশ্যের জন্য যার কোনো সেটআপের প্রয়োজন নেই, আপনি PageSpeed Insights (PSI) ব্যবহার করতে পারেন৷ URL-এ টাইপ করুন এবং বিশ্লেষণে ক্লিক করুন। যদি আপনার সাইটটি CrUX-এ অন্তর্ভুক্ত থাকে, তাহলে আপনাকে দ্রুত একটি "আবিষ্কার করুন আপনার প্রকৃত ব্যবহারকারীরা কী অনুভব করছেন" বিভাগটি উপস্থাপন করা উচিত:
এটি দেখায় যে বাস্তব ক্রোম ব্যবহারকারীরা গত 28 দিনে আপনার ওয়েবসাইটটি কীভাবে অনুভব করেছেন৷ আপনি নীচে অন্যান্য সমর্থনকারী মেট্রিক সহ (মুলতুবি INP মেট্রিক সহ) শীর্ষে তিনটি মূল ওয়েব ভাইটাল দেখতে পাবেন। পৃষ্ঠার শীর্ষে সামগ্রিক পাস/ব্যর্থ মূল্যায়নে শুধুমাত্র কোর ওয়েব ভাইটাল গণনা করা হয়, কিন্তু অন্যান্য মেট্রিক্স কোর ওয়েব ভাইটালগুলির সমস্যা সমাধানে কার্যকর হতে পারে, যেমনটি পরবর্তী বিভাগে দেখানো হবে।
আপনি এই বিভাগের উপরের বোতামগুলি ব্যবহার করে মোবাইল এবং ডেস্কটপ ভিউগুলির মধ্যে টগল করতে পারেন। আপনি উপরের ডানদিকে টগল ব্যবহার করে এই URL এবং সেই অরিজিনের সমস্ত ডেটার মধ্যে টগল করতে পারেন, যেখানে উভয়ের জন্য ডেটা বিদ্যমান।
এই পরিসংখ্যানগুলি আপনার সাইট কীভাবে পারফরম্যান্স করছে এবং কোন মেট্রিক্স উন্নত করা যেতে পারে এবং কোন ডিভাইসের ধরনগুলির একটি বিস্তৃত সূচক দেওয়া উচিত।
গুগল সার্চ কনসোল
Google সার্চ কনসোল (GSC) শুধুমাত্র সাইটের মালিকদের জন্য, তাই এটি ব্যবহার করার জন্য সাইটের মালিকানা নিবন্ধন এবং যাচাইকরণ প্রয়োজন। এটি Google অনুসন্ধান কীভাবে আপনার সাইট দেখে তার বিশদ প্রদান করে।
PageSpeed Insights এর বিপরীতে, GSC আপনার সাইটে যে সমস্ত পৃষ্ঠাগুলি সম্পর্কে Google সার্চ জানে সেগুলিকে তালিকাভুক্ত করে এবং তাদের সকলের জন্য Core Web Vitals বিবরণ প্রদান করে:
পৃষ্ঠাগুলিকে ইউআরএল গ্রুপে একত্রিত করা হয় যাতে আপনি সহজেই দেখতে পান যে নির্দিষ্ট কিছু পৃষ্ঠার (উদাহরণস্বরূপ, পণ্যের বিবরণ পৃষ্ঠা, ব্লগ পৃষ্ঠা এবং আরও অনেক কিছু) কোর ওয়েব ভাইটাল সমস্যা আছে কিনা। যেহেতু এগুলি সাধারণত একই ধরনের প্রযুক্তি বা টেমপ্লেটের উপর তৈরি করা হয়, তাই এই পৃষ্ঠাগুলিতে যে কোনও সমস্যার একটি সাধারণ কারণ থাকতে পারে৷
সাইট নির্মাতাদের জন্য সাধারণ কোর ওয়েব ভাইটাল সমস্যা
অনেক পারফরম্যান্স সমস্যার জন্য ডেভেলপারদের প্রযুক্তিগত সমাধানগুলি বাস্তবায়ন করতে হয় এবং আমাদের ডেভেলপার ফোকাসড গাইডগুলি ডেভেলপারদের সাহায্য করতে পারে। এই বিভাগে, আমরা কিছু সাধারণ নন-ডেভেলপার সমস্যা নিয়ে আলোচনা করি যা ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীরা এই মেট্রিক্সগুলিকে উন্নত করতে সাহায্য করতে পারে।
যখন আমরা বলি "নন-ডেভেলপার" আমরা তাদের উল্লেখ করি যারা সাইট-বিল্ডার প্ল্যাটফর্ম ব্যবহার করেন যেখানে তাদের সাইটটি আসলে কীভাবে কোড করা হয় তার উপর সীমিত নিয়ন্ত্রণ থাকে বা ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীরা যারা সাইট ডিজাইনের বিষয়ে সিদ্ধান্ত নিতে পারে বা বাজেটকে অগ্রাধিকার দিতে সহায়তা করে।
সবচেয়ে বড় কন্টেন্টফুল পেইন্ট (LCP) সমস্যা
ব্রাউজারে সবচেয়ে বড় কন্টেন্ট (সাধারণত একটি ব্যানার ইমেজ বা একটি শিরোনাম) উপস্থিত না হওয়া পর্যন্ত একটি লিঙ্কে ক্লিক করার সময় পরিমাপ করে ওয়েব পৃষ্ঠাগুলির লোডিং গতি পরিমাপ করা LCP লক্ষ্য করে।
একটি ভাল পৃষ্ঠার অভিজ্ঞতার জন্য, একটি ওয়েব পৃষ্ঠার লক্ষ্য হওয়া উচিত লিঙ্কটি ক্লিক করার 2.5 সেকেন্ডের মধ্যে এই বিষয়বস্তুটি দেখানো। যদি এটি 4 সেকেন্ডের বেশি সময় নেয় তবে এটি একটি খারাপ অভিজ্ঞতা হিসাবে বিবেচিত হয়।
এলসিপিকে প্রভাবিত করে এমন কিছু সাধারণ সমস্যা যা ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীরা প্রভাবিত করতে পারে পরবর্তী বিভাগে দেওয়া হয়েছে।
পৃষ্ঠা লোড হতে শুরু করতে বিলম্ব
আমরা প্রায়ই পৃষ্ঠার লোড সময় উন্নত করার বিষয়ে চিন্তা করি, কিন্তু এটি শুরু করার আগে প্রায়ই বিলম্ব হয়। ওয়েবসাইটটি কয়েক সেকেন্ডের জন্যও ডাউনলোড না হলে 2.5 সেকেন্ডের ভালো থ্রেশহোল্ডের নিচে একটি LCP থাকা অসম্ভব!
টাইম টু ফার্স্ট বাইট (TTFB) হল আপনার ওয়েব পৃষ্ঠার প্রথম অংশ ডাউনলোড হতে যে সময় লাগে। PageSpeed Insights যদি লাল বা অ্যাম্বারে একটি বড় TTFB ডায়াগনস্টিক মেট্রিক দেখায়, তাহলে এটিকে সম্বোধন করা গুরুত্বপূর্ণ এবং LCP-তে সরাসরি নক-অন প্রভাব থাকা উচিত।
আপনার দর্শকদের বুঝতে
TTFB সমস্যাগুলির জন্য, আপনার দর্শকদের বোঝা গুরুত্বপূর্ণ। যদি আপনার ওয়েবসাইট একটি দেশে হোস্ট করা হয়, কিন্তু বিশ্বব্যাপী দর্শকদের পরিবেশন করে, তাহলে আপনার ওয়েবসাইটের ব্যবহারকারী এবং আপনার ওয়েব সার্ভারের মধ্যে ভৌগলিক নৈকট্য একটি পৃষ্ঠার TTFB-তে একটি ফ্যাক্টর হয়ে ওঠে। একটি কন্টেন্ট ডেলিভারি নেটওয়ার্ক (CDN) আপনার সাইটের কপিগুলিকে সারা বিশ্বে ক্যাশে করার অনুমতি দেয় এবং সেইজন্য আপনার ব্যবহারকারীদের কাছাকাছি। অনেক হোস্টিং প্রদানকারী তাদের পরিষেবার অংশ হিসাবে একটি CDN অন্তর্ভুক্ত করে এবং স্বয়ংক্রিয়ভাবে এটির যত্ন নেবে। আপনার সাইট যেখানে হোস্ট করা হয় তার ক্ষেত্রে এটি হয় কিনা তা পরীক্ষা করুন। কিছু প্ল্যাটফর্ম উচ্চ বেতনের স্তরের জন্য আরও CDN অবস্থান সহ বিভিন্ন স্তরের পরিষেবা সরবরাহ করে। বিশ্বব্যাপী ব্যবসার এই ক্ষেত্রে উচ্চ স্তর বিবেচনা করা উচিত.
পুনঃনির্দেশ ছোট করুন
রিডাইরেক্ট হল ধীর TTFB-এর আরেকটি সাধারণ কারণ। বিজ্ঞাপন প্রচার চালানোর সময় বা ইমেল যোগাযোগ পাঠানোর সময়, একাধিক লিঙ্ক শর্টনার ব্যবহার এড়িয়ে পুনঃনির্দেশের সংখ্যা কমানোর চেষ্টা করুন, অথবা পুনঃনির্দেশিত করা প্রয়োজন এমন URLগুলি সহ। উদাহরণ স্বরূপ, একটি প্রচারাভিযানে example.com/blog ব্যবহার করে যাকে www.example.com/blog এ পুনঃনির্দেশিত করতে হবে, যেটি তারপর https://www.example.com/blog এ পুনঃনির্দেশিত হলে একটি পৃষ্ঠার TTFB-তে সময় যোগ হয়৷ নিশ্চিত করুন যে আপনার বিপণন প্রচারাভিযানগুলি যথাসম্ভব ন্যূনতম সংখ্যক পুনঃনির্দেশ ব্যবহার করছে।
নিশ্চিত করুন যে বিজ্ঞাপন প্রচারগুলি সঠিক দর্শকদের লক্ষ্য করে
এছাড়াও নিশ্চিত করুন যে আপনার বিজ্ঞাপন প্রচারগুলি কার্যকরভাবে আপনার দর্শকদের লক্ষ্য করছে। সারা বিশ্বের অর্ধেক ব্যবহারকারীদের কাছ থেকে প্রচুর নতুন ট্র্যাফিক পাওয়া—কিন্তু যাদের কাছে আপনি আপনার পণ্য সরবরাহ করতে পারবেন না—উভয়ই বিজ্ঞাপন খরচের অপচয়, এবং আপনার ওয়েবসাইটের কর্মক্ষমতাকে নেতিবাচকভাবে প্রভাবিত করে৷
URL প্যারামিটার ওয়েব কর্মক্ষমতা প্রভাবিত করতে পারে
ইউআরএল প্যারামিটার যেমন ইউটিএম প্যারামিটারগুলি প্রায়ই বিপণন প্রচারাভিযানের জন্য ব্যবহৃত হয়। এটি আপনার পরিকাঠামোতে ক্যাশিং কার্যকারিতা কমাতে পারে, কারণ প্রতিটি URL একটি অনন্য পৃষ্ঠার মতো দেখতে পারে - যদিও একই পৃষ্ঠা প্রতিবার পরিবেশিত হয়। আপনি যদি UTM প্যারামিটার ব্যবহার করেন, তাহলে আপনার CDN প্রদানকারী বা অবকাঠামো দলগুলির সাথে কথা বলুন যাতে এই URL প্যারামিটারগুলি তাদের ক্যাশিং পরিকাঠামো দ্বারা উপেক্ষা করা হয় যাতে প্রচারগুলি ইতিমধ্যেই ক্যাশে করা পৃষ্ঠাগুলি থেকে উপকৃত হয়।
মিডিয়া কর্মক্ষমতা জন্য ব্যয়বহুল হতে পারে
আপনার পৃষ্ঠাগুলিতে মিডিয়ার প্রভাব বিবেচনা করুন। ছবি এবং ভিডিওর মতো মিডিয়া সাধারণত অনেক বড় হয় এবং তাই পাঠ্যের চেয়ে ডাউনলোড করতে বেশি সময় লাগে। এটি পৃষ্ঠার বাকি লোডকেও ধীর করে দিতে পারে। এটি বিশেষ করে গুরুত্বপূর্ণ যখন LCP উপাদানটি পাঠ্যের পরিবর্তে মিডিয়া হয়। LCP উপাদানটি প্রায় 80% ওয়েব পৃষ্ঠার একটি চিত্র, তাই আপনার সাইটে মিডিয়ার প্রভাব বিবেচনা করা গুরুত্বপূর্ণ৷
একই সময়ে, মিডিয়া সম্পদগুলি ব্যবহারকারীর জন্য একটি সমৃদ্ধ ভিজ্যুয়াল অভিজ্ঞতার জন্য অবদান রাখতে পারে যা একটি পাঠ্য-ভারী সাইটের চেয়ে আকৃষ্ট করার জন্য অনেক বেশি। অতএব, মিডিয়া অপসারণ করা খুব কমই একটি বিকল্প, তবে মিডিয়ার খরচ সম্পর্কে সচেতন হওয়া এবং এটি কীভাবে কমানো যায় তা যেকোন পারফরম্যান্স সমস্যাকে কমিয়ে দিতে পারে।
carousels এড়িয়ে চলুন
বেশ কয়েকটি ছবি দিয়ে তৈরি ক্যারোসেলগুলি একটি পৃষ্ঠার সামগ্রিক লোডের সময়কে প্রভাবিত করতে পারে কারণ তারা যদি সর্বোত্তমভাবে প্রয়োগ না করা হয় তবে একই সময়ে একাধিক ছবি ডাউনলোড করতে হবে। উপরন্তু—তাদের সর্বব্যাপীতা সত্ত্বেও—ক্যারোসেলগুলি প্রায়শই একটি দুর্দান্ত ব্যবহারকারীর অভিজ্ঞতা প্রদান করে না তাই আপনার সাইটে সেগুলি ব্যবহার করার আগে সাবধানে চিন্তা করুন৷
ওয়েব-অপ্টিমাইজ করা ছবি ব্যবহার করুন
তারপর মিডিয়া সম্পদের আকার আছে. ওয়েবে অনেক ছবি খুব বেশি রেজোলিউশনে পরিবেশিত হয়। নিশ্চিত করুন যে কোনও মিডিয়া অংশীদার বা ডিজাইন এজেন্সিগুলি প্রায়শই প্রদান করে পূর্ণ আকারের মুদ্রণ-মানের চিত্রগুলির পরিবর্তে ওয়েব-অপ্টিমাইজ করা ছবিগুলি সরবরাহ করে৷ আপনি ছবিগুলি আপলোড করার আগে দ্রুত অপ্রয়োজনীয় ডেটা মুছে ফেলার জন্য TinyJPG- এর মতো একটি পরিষেবা ব্যবহার করতে পারেন৷ অনেক ওয়েব প্ল্যাটফর্ম আপলোড করার সময় ছবিগুলিকে স্বয়ংক্রিয়ভাবে অপ্টিমাইজ করার চেষ্টা করবে, কিন্তু যেহেতু তারা জানে না যে এই ছবিগুলি ব্যবহারকারীর ডিভাইসে প্রদর্শিত হবে, তাই শুরুতে ছোট ছবিগুলি প্রদান করলে উল্লেখযোগ্য লাভ হতে পারে৷
ভিডিওর ক্ষেত্রে অতিরিক্ত সতর্ক থাকুন
ভিডিও ব্যবহার করার সময় অতিরিক্ত বিবেচনা দিন। ভিডিওগুলি একটি ওয়েবসাইটের ডাউনলোড এবং প্রদর্শনের জন্য সবচেয়ে বড় এবং সেইজন্য সবচেয়ে ধীরগতির বিষয়বস্তু, তাই সেগুলি অতিরিক্ত ব্যবহার না করার চেষ্টা করুন৷ ওয়েব পৃষ্ঠাগুলির শীর্ষে এগুলি ব্যবহার করা এড়িয়ে চলুন এবং পৃষ্ঠার আরও নীচের জন্য সেগুলি সংরক্ষণ করুন৷ এটি ব্যবহারকারীদের একটি ভাল লোডিং অভিজ্ঞতা দিতে এবং আপনার LCP প্রভাবিত না হয় তা নিশ্চিত করতে কম ব্যয়বহুল সামগ্রীকে দ্রুত লোড করার অনুমতি দেয়।
A/B পরীক্ষা
অনেক ব্যবসা তাদের ওয়েবসাইটে পরিবর্তন নিয়ে পরীক্ষা করার জন্য A/B পরীক্ষা করে। এগুলি কীভাবে প্রয়োগ করা হয় তা এলসিপিতে বড় প্রভাব ফেলতে পারে।
অনেক A/B টেস্টিং সলিউশন দেরি করে যখন কোনো ওয়েবসাইট প্রথমবার ব্যবহারকারীর কাছে প্রদর্শিত হয় যতক্ষণ না কোনো পরীক্ষায় পরিবর্তন প্রয়োগ করা হয়। এটি ওয়েবসাইটের আসল সংস্করণ দেখানো এড়িয়ে যায়, তবে ব্যবহারকারীর কাছে একটি ওয়েবসাইটের দৃশ্যমানতা বিলম্বিত করার খরচে। অন্যান্য সমাধান এই বিলম্ব এড়াতে সার্ভার-সাইড প্রয়োগ করা হয়. আপনার A/B পরীক্ষা কীভাবে সম্পাদিত হয় এবং এটি এই বিলম্বের সাপেক্ষে তা বোঝার জন্য সময় নিন। উপরন্তু, যেখানে সম্ভব সেখানে পরিবর্তে সার্ভার-সাইড A/B পরীক্ষার সমাধান বিবেচনা করুন।
নতুন পরিবর্তনগুলি চালু করার আগে A/B টেস্টিং অমূল্য প্রতিক্রিয়া প্রদান করতে পারে, তবে পৃষ্ঠার কার্যক্ষমতার মূল্য তাদের যে কোনো সম্ভাব্য সুবিধার বিপরীতে ওজন করা উচিত।
আপনার পরিকাঠামো নির্বিশেষে, যে কেউ A/B পরীক্ষা চালাচ্ছেন তাদের সর্বদা নিম্নলিখিত সেরা অনুশীলনগুলি মনে রাখা উচিত:
- A/B টেস্টিং টুলগুলিকে শুধুমাত্র সেই পৃষ্ঠাগুলিতে সীমাবদ্ধ করুন যেগুলি সমস্ত পৃষ্ঠাগুলিকে বিলম্বিত করার পরিবর্তে পরীক্ষার অংশ, যখন বেশিরভাগ পৃষ্ঠাগুলি কোনো নির্দিষ্ট সময়ে A/B পরীক্ষা চালাচ্ছে না।
- সংখ্যাগরিষ্ঠ ব্যবহারকারীদের প্রভাবিত এড়াতে ব্যবহারকারীদের একটি উপসেটে A/B পরীক্ষা সীমিত করুন।
- চূড়ান্ত ফলাফল প্রদানের জন্য প্রয়োজনীয় ন্যূনতম সময়ের মধ্যে A/B পরীক্ষা সীমিত করুন। A/B পরীক্ষা যত দীর্ঘ হবে, তত বেশি সময় ব্যবহারকারীরা পৃষ্ঠার কার্যকারিতা খারাপের সম্মুখীন হতে পারেন।
- সবথেকে গুরুত্বপূর্ণ, আপনার A/B পরীক্ষার পরীক্ষাগুলি যখন আর প্রয়োজন হয় না তখন সরাতে ভুলবেন না।
Cumulative Layout Shift (CLS) সমস্যা
CLS একটি পৃষ্ঠার ভিজ্যুয়াল স্থায়িত্ব পরিমাপ করে - বিষয়বস্তু লোড হওয়ার সাথে সাথে পৃষ্ঠার বিষয়বস্তু কতটা বদলে যায়। এটি বিভ্রান্তিকর হতে পারে যদি একজন ব্যবহারকারী একটি ওয়েব পৃষ্ঠা পড়া শুরু করে, কিন্তু তারপরে আরও কন্টেন্ট বা বিজ্ঞাপন স্লট জায়গায় থাকার কারণে তাদের জায়গা হারায়। এর ফলে ব্যবহারকারীরা অনিচ্ছাকৃতভাবে ভুল বিষয়বস্তুতে ক্লিক করতে পারে যদি পৃষ্ঠার বিন্যাস অত্যধিকভাবে পরিবর্তিত হয়। ডায়নামিক কন্টেন্টের ব্যাপারে খুব সতর্ক থাকুন যা পরে লোড হয় এবং কিছু প্রাথমিক পৃষ্ঠার কন্টেন্ট সরাতে পারে।
এটি একটি গাণিতিক সূত্র দিয়ে পরিমাপ করা হয় যা গণনা করে যে কতটা বিষয়বস্তু স্থানান্তরিত হয়েছে এবং কতটা স্থানান্তরিত হয়েছে। এটিকে এককহীন ভগ্নাংশ হিসাবে প্রকাশ করা হয় যার মান 0.1 বা তার কম ভাল এবং 0.25 এর উপরে একটি মান খারাপ হিসাবে দেখা হয়।
CLS কে প্রভাবিত করে এমন কিছু সাধারণ সমস্যা যা ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীরা প্রভাবিত করতে পারে পরবর্তী বিভাগে দেওয়া হয়েছে।
একটি পৃষ্ঠার নিচে স্ক্রোল করার সাথে সাথে আপনার ছবিগুলি কীভাবে লোড হয় তা পরীক্ষা করুন৷
অনেক টেমপ্লেট প্রাথমিক পৃষ্ঠা লোডের সময় অনস্ক্রিনে থাকা চিত্রগুলিতে আরও সংস্থান দেওয়ার জন্য পৃষ্ঠার আরও নীচে ছবি লোড করা এড়ায়। ব্যবহারকারী নিচে স্ক্রোল করার সাথে সাথে ছবিগুলি লোড করা হয়। এই ইমেজ লোডিং কৌশলটি অলস লোডিং নামে পরিচিত।
পৃষ্ঠার টেমপ্লেটগুলি অলস লোড করা চিত্রগুলির জন্য স্থান সংরক্ষিত করা উচিত যাতে, যদি কোনও ব্যবহারকারী ছবিটি লোড করার সুযোগ পাওয়ার আগে খুব দ্রুত স্ক্রোল করে, তবে এর চারপাশের বিষয়বস্তুটি এদিক-ওদিক না যায়৷ যদি আপনার টেমপ্লেট বা প্ল্যাটফর্ম এটি না করে, তাহলে একটিতে স্যুইচ করার কথা বিবেচনা করুন।
বিষয়বস্তুর মাঝখানে রাখা বিজ্ঞাপনের সাথে সতর্ক থাকুন
বিষয়বস্তুর মাঝখানে ঢোকানো বিজ্ঞাপনগুলি আপনার সামগ্রীকে নিচে ঠেলে দেওয়ার ঝুঁকি চালায়, কারণ বিজ্ঞাপনগুলি প্রায়শই লোড হতে কিছুটা বেশি সময় নেয়—প্রায়ই পূর্ববর্তী বিভাগে বর্ণিত চিত্রগুলির চেয়ে বেশি। মূল পৃষ্ঠার বিষয়বস্তুর পাশে এগুলি থাকা একটি সাধারণ প্যাটার্ন যা এই ঝুঁকি হ্রাস করে। অনুশীলনে এটি কীভাবে অর্জন করা হয় তা আপনার নির্দিষ্ট প্ল্যাটফর্মের উপর নির্ভর করে এবং আপনি আপনার সাইট তৈরি করতে কোন টেমপ্লেটগুলি ব্যবহার করেন।
পৃষ্ঠার শীর্ষে গতিশীল সামগ্রী যোগ করা এড়িয়ে চলুন
পৃষ্ঠা লোড হওয়ার পরে পৃষ্ঠার শীর্ষে সতর্কতা এবং ব্যানার যোগ করা এড়িয়ে চলুন—উদাহরণস্বরূপ, কুকি ব্যানার বা বিশেষ অফার। মূল বিষয়বস্তুর উপরে সতর্কতা এবং ব্যানার ওভারলে করার পরিবর্তে বেছে নেওয়া পৃষ্ঠার বিষয়বস্তু স্থানান্তরিত হতে বাধা দেবে। পূর্ববর্তী বিভাগের অনুরূপ, এখানে আপনার বিকল্পগুলি আপনার পৃষ্ঠাগুলির জন্য ব্যবহৃত প্ল্যাটফর্ম এবং টেমপ্লেটগুলির উপর নির্ভর করবে৷
নেক্সট পেইন্ট (আইএনপি) সমস্যাগুলির সাথে মিথস্ক্রিয়া
INP একটি পৃষ্ঠার প্রতিক্রিয়াশীলতা পরিমাপ করে, যা মূল্যায়ন করে যে পৃষ্ঠাগুলি ক্লিক, ট্যাপ এবং কীবোর্ড ইনপুটগুলির মতো ইন্টারঅ্যাকশনগুলিতে দ্রুত সাড়া দেয় কিনা। যে পৃষ্ঠাগুলি ব্যবহারকারীর ইনপুটে দ্রুত সাড়া দেয় না তারা প্রায়শই অলস বোধ করে এবং ব্যবহারকারীদের জন্য হতাশাজনক হতে পারে।
INP একটি পৃষ্ঠার জীবদ্দশায় প্রতিটি যোগ্যতাপূর্ণ ইন্টারঅ্যাকশনের সম্পূর্ণতা পরিমাপ করে এবং সবচেয়ে খারাপ ইন্টারঅ্যাকশনের রিপোর্ট করে। INP এর 200 মিলিসেকেন্ডের একটি ভাল থ্রেশহোল্ড এবং 500 মিলিসেকেন্ডের একটি দুর্বল থ্রেশহোল্ড রয়েছে৷ INP হল FID-এর একটি বর্ধিতকরণ, এবং প্রতিক্রিয়াশীলতাকে আরও ভালভাবে পরিমাপ করে, তাই কেন এটি প্রতিক্রিয়াশীলতা পরিমাপের জন্য একটি কোর ওয়েব অত্যাবশ্যক হিসাবে FID প্রতিস্থাপন করেছে।
প্রতিক্রিয়াশীলতার মেট্রিক্স-এবং বিশেষ করে INP-অপ্টিমাইজ করার জন্য কঠিন মেট্রিক। যখন এই মেট্রিকগুলি দুর্বল থ্রেশহোল্ডে থাকে, তখন সাধারণত ওয়েব পৃষ্ঠাটি খুব বেশি কিছু করার চেষ্টা করার কারণে ইন্টারঅ্যাকশনগুলি বিলম্বিত হয়, তাই এখানে প্রধান সমাধানগুলি হালকা পৃষ্ঠাগুলি তৈরি করতে অপ্রয়োজনীয় কোডগুলি সরানো জড়িত৷
INP প্রভাবিত করে এমন কিছু সাধারণ সমস্যা যা ব্যবসায়িক সিদ্ধান্ত গ্রহণকারীরা প্রভাবিত করতে পারে পরবর্তী বিভাগে দেওয়া হয়েছে।
একটি বসন্ত পরিষ্কার আছে!
আপনার সাইটে যোগ করা প্লাগইন এবং উইজেটগুলি পর্যালোচনা করুন এবং যদি সেগুলি আর ব্যবহার না করা হয় তবে সেগুলি সরিয়ে দিন৷ কিছু চেষ্টা করার জন্য প্লাগইনগুলি যোগ করা প্রায়শই সহজ, কিন্তু আপনি যদি সেগুলি দরকারী না পান তবে পরে সেগুলি সরাতে ভুলে যাওয়া ঠিক ততটাই সহজ হতে পারে৷ এটি ধীর মিথস্ক্রিয়াগুলির পিছনে একটি কারণ, তবে এটি অন্য অনেকের তুলনায় তুলনামূলকভাবে সহজ অপ্টিমাইজেশন।
একইভাবে, আপনি যদি বিপণন প্রচারাভিযানের জন্য একটি ট্যাগ ম্যানেজার ব্যবহার করেন, তাহলে নিশ্চিত করুন যে পুরানো প্রচারণাগুলি সরানো হয়েছে। এমনকি তারা আর ফায়ার না করলেও, মেয়াদোত্তীর্ণ বিপণন প্রচারাভিযানের কোডগুলি এখনও প্রতিটি পৃষ্ঠায় ডাউনলোড এবং সংকলন করতে হবে, যা প্রাথমিক পৃষ্ঠা লোডের সময় ব্যবহারকারীর মিথস্ক্রিয়াকে ধীর করে দিতে পারে।
ব্যয়বহুল উইজেট এবং প্লাগইন এড়িয়ে চলুন
গণনাগতভাবে ব্যয়বহুল উইজেট এবং প্লাগইনগুলি দেখতে সুন্দর হতে পারে, কিন্তু তারা কি ব্যবহারকারীর অভিজ্ঞতাকে উন্নত করে, নাকি আসলে এটিকে আরও খারাপ করে? PageSpeed Insights-এ কর্মক্ষমতা সমস্যা নির্ণয়/বাতিঘর রিপোর্ট জাভাস্ক্রিপ্ট সনাক্ত করতে সাহায্য করতে পারে যা আপনার ওয়েবসাইটের কর্মক্ষমতার উপর লক্ষণীয় প্রভাব ফেলছে।
আদর্শভাবে, উইজেটগুলিকে শুধুমাত্র সেই পৃষ্ঠাগুলিতে সীমিত করুন যেগুলির জন্য তাদের প্রয়োজন হয় - যদি আপনি শুধুমাত্র আমাদের সাথে যোগাযোগ করুন পৃষ্ঠায় একটি Google ম্যাপ এম্বেড ব্যবহার করেন, তাহলে প্রতিটি পৃষ্ঠায় এটি লোড করার প্রয়োজন নেই যেখানে এটি প্রতিক্রিয়াশীলতার সমস্যা সৃষ্টি করতে পারে৷
বিজ্ঞাপনের সংখ্যা বিবেচনা করুন—বিশেষ করে মোবাইলে
বিজ্ঞাপনগুলি অনেক ব্যবসার জন্য একটি ভাল নগদীকরণ কৌশল, তবে সেগুলি প্রায়শই জটিল এবং সংস্থান নিবিড়। আপনার কাছে যত বেশি বিজ্ঞাপন থাকবে, তত বেশি রিসোর্স ইনটেনসিভ যা পৃষ্ঠার গতিতে হস্তক্ষেপ করতে পারে। এটি বিশেষত মোবাইল ডিভাইসে সত্য, যেখানে প্রসেসিং পাওয়ার মেমরি প্রায়শই ডেস্কটপ বা ল্যাপটপ ডিভাইসের মতো দুর্দান্ত হয় না।
নগদীকরণ এবং কর্মক্ষমতা মধ্যে ভারসাম্য ওজন করুন. যদি ব্যবহারকারীরা খারাপ অভিজ্ঞতার কারণে আগে বাদ পড়েন, তাহলে সেই অতিরিক্ত বিজ্ঞাপনগুলি তাদের যোগ করার চেয়ে বেশি আয় করতে পারে।
অত্যধিক পৃষ্ঠা আকার এড়িয়ে চলুন
বড়, জটিল পৃষ্ঠাগুলি প্রদর্শনের জন্য আরও প্রক্রিয়াকরণের সময় প্রয়োজন। উদাহরণস্বরূপ, যদি আপনার কাছে 1,000টি বিভিন্ন পণ্য সহ একটি পণ্য গ্যালারী থাকে, তবে ব্যবহারকারীর ব্রাউজার উইন্ডোতে এটি প্রদর্শন করতে কিছুটা সময় লাগবে। এই সময় কমাতে পৃষ্ঠাগুলি কখন পেজিনেট করতে হবে তা বিবেচনা করুন।
আমি কিভাবে আরো সাহায্য পেতে পারি?
এই পোস্টে কিছু সাধারণ বিবেচনার তালিকা রয়েছে যা ব্যবসার মালিকরা নিতে পারেন যা কার্যক্ষমতাকে প্রভাবিত করতে পারে। এর বাইরে আপনার ওয়েবসাইটের কর্মক্ষমতা উন্নত করতে আপনি কী করতে পারেন সে সম্পর্কে আরও অন্তর্দৃষ্টি পেতে আপনাকে ওয়েব বিকাশকারীদের সাথে পরামর্শ করতে হতে পারে।
প্ল্যাটফর্ম-নির্দিষ্ট তথ্য
বেশিরভাগ প্ল্যাটফর্ম তাদের ওয়েব পারফরম্যান্স সম্পর্কে গভীরভাবে যত্নশীল, এবং এটিকে কীভাবে উন্নত করা যায় সে সম্পর্কে উত্সর্গীকৃত, প্ল্যাটফর্ম-নির্দিষ্ট পরামর্শ থাকতে পারে। সেই প্ল্যাটফর্ম ব্যবহার করার অংশ হিসাবে আপনার কাছে ডেডিকেটেড ওয়েব পারফরম্যান্স টিমের অ্যাক্সেসও থাকতে পারে যারা আপনার সাইটের উন্নতির বিষয়ে আরও পরামর্শ দিতে পারে।
লাইটহাউস স্ট্যাক প্যাক কার্যকারিতা ব্যবহার করে প্ল্যাটফর্ম-নির্দিষ্ট তথ্যও প্রকাশ করে, যা সমর্থিত প্ল্যাটফর্মের ব্যবহারকারীদের যথাযথ পরামর্শের জন্য গাইড করতে পারে।
প্ল্যাটফর্মগুলি ক্রমাগত সময়ের সাথে উন্নত হয় এবং অনেকেই এই মুহূর্তে কর্মক্ষমতা এবং মূল ওয়েব ভাইটালগুলিতে মনোনিবেশ করছে৷ প্ল্যাটফর্ম ডেভেলপারদের করা সাম্প্রতিক উন্নতিগুলি থেকে উপকৃত হতে আপনার প্ল্যাটফর্ম আপ টু ডেট রাখা হয়েছে তা নিশ্চিত করুন৷
আপনি যখন হোস্ট করা প্ল্যাটফর্মে থাকেন তখন এটি সবচেয়ে সহজ হয় যেখানে প্ল্যাটফর্ম প্রদানকারী স্বয়ংক্রিয়ভাবে প্ল্যাটফর্মের আপডেট সহ প্ল্যাটফর্ম পরিচালনা করে। আপনি যদি নিজেই প্ল্যাটফর্মটি হোস্ট করেন-উদাহরণস্বরূপ, আপনার নিজের সার্ভারে একটি স্থানীয় ওয়ার্ডপ্রেস ইনস্টল করুন-তাহলে প্ল্যাটফর্মটি নিয়মিত আপডেট করা হয়েছে তা নিশ্চিত করা আপনার সাইটটিকে প্ল্যাটফর্ম ডেভেলপারদের দ্বারা প্রয়োগ করা যেকোনো উন্নতি থেকে উপকৃত হতে দেবে। ব্যবসার এই রক্ষণাবেক্ষণকে অগ্রাধিকার দেওয়া উচিত, বা তাদের জন্য এটি পরিচালনা করে এমন একটি পরিষেবা বেছে নেওয়া উচিত।
একজন ওয়েব ডেভেলপারকে নিযুক্ত করা
ওয়েব পারফরম্যান্সে দক্ষতা সহ একজন ওয়েব বিকাশকারী সম্ভবত একজন ব্যবসার মালিকের চেয়ে আরও অনেক সমস্যা সমাধান করতে সক্ষম হবেন। আপনি হয়তো ইতিমধ্যেই আপনার সাইট তৈরি করার জন্য একজন ওয়েব ডেভেলপারকে নিযুক্ত করেছেন, অথবা পর্যায়ক্রমিক পরিবর্তনের জন্য, অথবা আপনার একটি ডেডিকেটেড ডেভেলপমেন্ট টিম থাকতে পারে, অথবা আপনাকে নিযুক্ত করার জন্য একজন ডেভেলপার খুঁজতে হতে পারে (আদর্শভাবে ওয়েব পারফরম্যান্সের দক্ষতার সাথে একজন)।
যদি উপরের পরামর্শগুলি আপনার ওয়েবসাইটের পারফরম্যান্স সংক্রান্ত সমস্যাগুলির সমাধান করার জন্য যথেষ্ট প্রদান না করে তবে বিকাশকারীদের কাছে যান, তবে আশা করি পূর্বের উদাহরণগুলিও দেখায় যে বিকাশকারীদের সাথে ব্যবসার অগ্রাধিকারের ভারসাম্য বজায় রাখার জন্য কাজ করা গুরুত্বপূর্ণ। আপনার ওয়েবসাইটের জন্য সমাধান।
সচেতন থাকুন যে ওয়েব পারফরম্যান্স খুব কমই এক-একবার কাজ করে। ভাল ওয়েবসাইটের কার্যকারিতা বজায় রাখার জন্য প্রায়ই নিয়মিত পর্যবেক্ষণ এবং রক্ষণাবেক্ষণের প্রয়োজন হয় যাতে আপনার ওয়েবসাইটটি উন্নতির পরে ফিরে না যায়।
উপসংহার
একটি ওয়েবসাইট প্রায়শই তার গ্রাহকদের সাথে একটি ব্যবসার জন্য প্রথম এন্ট্রি পয়েন্ট হয় এবং আপনি চান যে এটি তাদের জন্য একটি দুর্দান্ত অভিজ্ঞতা হোক৷ এটি উভয় ক্ষেত্রেই প্রযোজ্য যে প্রথমবার দর্শকরা আপনার ব্যবসা সম্পর্কে তাদের প্রথম ইম্প্রেশন পেয়েছে, তবে একই সাথে পুনরাবৃত্তি দর্শক এবং অনুগত গ্রাহকদের জন্যও প্রযোজ্য, যাদেরকে যতটা সম্ভব নির্বিঘ্ন অভিজ্ঞতা দেওয়া উচিত, আদর্শভাবে হতাশামুক্ত যা একটি নেতিবাচক ছাপ ফেলে। কোর ওয়েব ভাইটাল হল ব্যবহারকারীর অভিজ্ঞতার একটি পরিমাপ যা Google সাইটগুলি বিবেচনা করার পরামর্শ দেয়৷ ওয়েব যা অফার করে তার সাথে, ব্যবহারকারীরা আপনার সাথে হতাশ হলে অন্য ওয়েবসাইটগুলি চেষ্টা করা তাদের পক্ষে খুব সহজ।
একই সময়ে, Core Web Vitals হল আপনার ওয়েবসাইটের একটি পরিমাপ। ব্যবসায়িকদের নিজেদেরই সিদ্ধান্ত নিতে হবে তাদের ওয়েবসাইটে কতটা বিনিয়োগ করতে হবে এবং সেই বিনিয়োগের জন্য কী রিটার্ন পাওয়া যাবে।
স্বীকৃতি
আনস্প্ল্যাশে কার্লোস মুজার থাম্বনেইল চিত্র