নেক্সট পেইন্টের সাথে মিথস্ক্রিয়া 12 মার্চ একটি মূল ওয়েব গুরুত্বপূর্ণ হয়ে ওঠে

নেক্সট পেইন্টের সাথে মিথস্ক্রিয়া আনুষ্ঠানিকভাবে একটি কোর ওয়েব ভাইটাল হয়ে উঠবে এবং 12 মার্চ প্রথম ইনপুট বিলম্ব প্রতিস্থাপন করবে।

Jeremy Wagner

Rick Viscomi

দ্রষ্টব্য: ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (INP) এখন একটি স্থিতিশীল কোর ওয়েব ভাইটাল মেট্রিক, এবং এটি আনুষ্ঠানিকভাবে ফার্স্ট ইনপুট বিলম্ব (এফআইডি) প্রতিস্থাপন করেছে।

ওয়েব ভাইটালস প্রোগ্রাম ওয়েব ডেভেলপারদের ওয়েবে ব্যবহারকারীর অভিজ্ঞতার মূল দিকগুলি পরিমাপ করতে সাহায্য করার জন্য মেট্রিক্স প্রদান করে। প্রথম ইনপুট বিলম্ব (এফআইডি) প্রোগ্রামের প্রতিক্রিয়াশীলতার দিকটি উপস্থাপন করে, কিন্তু সময়ের সাথে সাথে, এটি স্পষ্ট হয়ে ওঠে যে ওয়েবে ইন্টারঅ্যাক্টিভিটির দিকগুলি ক্যাপচার করার জন্য একটি নতুন মেট্রিক প্রয়োজন যা এফআইডি করেনি। ক্রোম টিম এই প্রয়োজনটিকে স্বীকৃতি দিয়েছে, এবং মে 2022-এ একটি পরীক্ষামূলক মেট্রিক হিসাবে ইন্টারঅ্যাকশন টু নেক্সট পেইন্ট (INP) চালু করেছে৷ গত বছর, INP একটি মুলতুবি মেট্রিক হয়ে উঠেছে, এবং আমরা ঘোষণা করেছি যে INP 2024 সালের মার্চ মাসে স্থিতিশীল অবস্থায় উন্নীত হবে৷

আজ, আমরা ঘোষণা করছি যে INP আনুষ্ঠানিকভাবে একটি কোর ওয়েব ভাইটাল হয়ে উঠবে এবং এই বছরের 12 মার্চ FID প্রতিস্থাপন করবে , এবং সেই FID এই রূপান্তরের সময় অবমূল্যায়িত হবে ৷

নেক্সট পেইন্ট (INP) প্রচারের টাইমলাইনে ইন্টারঅ্যাকশন।

এই পোস্টটি এই পরিবর্তনের জন্য কীভাবে প্রস্তুতি নিতে হবে এবং পরিবর্তনগুলি কার্যকর হওয়ার পরে কী আশা করতে হবে তার জন্য Chrome টিমের পরামর্শ প্রদান করে৷

আমি কিভাবে প্রস্তুত করতে পারি?

এই পরিবর্তনের প্রথম ধাপ হল আপনার ওয়েবসাইটের INP "ভাল" থ্রেশহোল্ড অতিক্রম করে কিনা তা খুঁজে বের করা। সমস্ত কোর ওয়েব ভাইটালগুলি সমস্ত পৃষ্ঠা লোডের 75 তম শতাংশে মাঠে কতটা ভাল পারফর্ম করে তার উপর ভিত্তি করে স্কোর করা হয়।

আপনার ওয়েবসাইটটি INP-এ কীভাবে কাজ করছে তা দেখার সবচেয়ে সহজ উপায় হল PageSpeed ​​Insights ব্যবহার করা, যা Chrome ব্যবহারকারীর অভিজ্ঞতা রিপোর্ট (CrUX) থেকে ডেটা প্রকাশ করে৷ CrUX হল Web Vitals প্রোগ্রামের অফিসিয়াল ডেটাসেট এবং আপনার ওয়েবসাইটের জন্য ফিল্ড ডেটার একটি সম্ভাব্য উৎস হতে পারে।

ফিল্ড ডেটার আরেকটি উৎস একটি রিয়েল ইউজার মনিটরিং (RUM) প্রদানকারীর কাছ থেকে আসতে পারে, যেটি ক্ষেত্রে আপনার ওয়েবসাইটের কর্মক্ষমতাও পর্যবেক্ষণ করে। আপনি যদি একটি RUM প্রদানকারীর সাথে কাজ করেন, তাহলে তাদের INP সমর্থন সম্পর্কে জিজ্ঞাসা করুন৷

গুরুত্বপূর্ণ: আপনার ওয়েবসাইটকে CrUX-এ অন্তর্ভুক্ত করার জন্য, এটিকে অবশ্যই নির্দিষ্ট যোগ্যতার মানদণ্ড পূরণ করতে হবে। উপরন্তু, যদি আপনি ইতিমধ্যেই ফিল্ড ডেটা সংগ্রহ করার জন্য একটি RUM প্রদানকারীর সাথে কাজ করেন, তাহলে আপনি CrUX-এ যা দেখছেন বনাম আপনার RUM প্রদানকারী আপনাকে যা বলছে তার মধ্যে পার্থক্য লক্ষ্য করতে পারেন ।

আপনি যদি দেখেন যে আপনার ওয়েবসাইটের INP হয় "উন্নতি প্রয়োজন" বা "দরিদ্র" বিভাগে, আমরা এটিকে উন্নত করতে আপনাকে সাহায্য করার জন্য বেশ কিছু সংস্থান প্রস্তুত করেছি, INP নির্ণয় এবং সমস্যা সমাধানের পদ্ধতি থেকে শুরু করে:

• ক্ষেত্রে ধীর মিথস্ক্রিয়া খুঁজুন .
• ল্যাবে ধীর মিথস্ক্রিয়া ম্যানুয়ালি নির্ণয় করুন ।

সমস্যাটি কী তা একবার আপনি জানলে, মিথস্ক্রিয়াটির কোন অংশগুলির জন্য আপনাকে অপ্টিমাইজ করা উচিত তা নির্ধারণ করতে আপনি নিম্নলিখিত নির্দেশিকাগুলি ব্যবহার করতে পারেন:

• আপনার যদি জাভাস্ক্রিপ্ট থাকে যা প্রধান থ্রেডে যথেষ্ট সময় নেয় তবে দীর্ঘ কাজগুলি অপ্টিমাইজ করুন । আপনি যদি পৃষ্ঠা লোড করার সময় অনেকগুলি প্রধান থ্রেড কার্যকলাপের সম্মুখীন হন যা মূল থ্রেডে অনেকগুলি দীর্ঘ কাজ বন্ধ করে দেয়, তাহলে আপনি অতিরিক্ত স্ক্রিপ্ট মূল্যায়ন কাজগুলির সাথে সমস্যার সম্মুখীন হতে পারেন৷
• ইন্টারঅ্যাকশন প্রক্রিয়াকরণ শুরু করতে দীর্ঘ সময় নিলে ইনপুট বিলম্ব অপ্টিমাইজ করুন ।
• বড় DOM-এর জন্য প্রচুর রেন্ডারিং কাজের প্রয়োজন হতে পারে এবং মিথস্ক্রিয়া প্রায়ই DOM পরিবর্তন করে। বড়, জটিল লেআউট এবং লেআউট থ্র্যাশিং এড়াতে এবং আপনি যেখানে পারেন DOM আকার ছোট করুন ।
• আপনার যদি জটিল CSS নির্বাচক থাকে , তাহলে তারাও ব্যবহারকারীর ইন্টারঅ্যাকশনের প্রতিক্রিয়ায় যথেষ্ট কাজ করতে পারে।
• পরিশেষে, যদি আপনার ওয়েবসাইট জাভাস্ক্রিপ্টের মাধ্যমে ক্লায়েন্টে তার এইচটিএমএল এর বেশিরভাগ রেন্ডার করে, তাহলে এইচটিএমএল-এর ক্লায়েন্ট-সাইড রেন্ডারিং কীভাবে ইন্টারঅ্যাক্টিভিটিকে প্রভাবিত করতে পারে তা জানা গুরুত্বপূর্ণ।

INP-এর জটিলতার মানে হল যে আপনি বিভিন্ন উপায়ে ইন্টারঅ্যাক্টিভিটির জন্য অপ্টিমাইজ করবেন-কিন্তু এটি প্রচেষ্টার মূল্য। অনেক কেস স্টাডি করা হয়েছে—যেমন দ্য ইকোনমিক টাইমস এবং রেডবাস থেকে—কীভাবে ইন্টারঅ্যাকশন লেটেন্সি কমানো ব্যবসার ফলাফলকে উন্নত করে। আপনার সাইটে INP অপ্টিমাইজ করা আপনাকে আপনার লক্ষ্য অর্জনে সহায়তা করতে পারে।

একবার INP একটি Core Web Vital হয়ে গেলে কী হবে?

এটি পুনরাবৃত্তি করা উচিত যে INP আনুষ্ঠানিকভাবে একটি কোর ওয়েব ভাইটাল হয়ে উঠবে এবং এই বছরের 12 মার্চ FID প্রতিস্থাপন করবে ৷ এর আরেকটি ফলাফল হল যে FID আর একটি Core Web Vital হবে না, এবং আনুষ্ঠানিকভাবে বন্ধ করা হবে এবং প্রোগ্রাম থেকে সরানো হবে।

ফলস্বরূপ, আপনি FID ডকুমেন্টেশনে পরিবর্তন দেখতে আশা করতে পারেন। এফআইডি সম্পর্কে ঐতিহাসিকভাবে গুরুত্বপূর্ণ ডকুমেন্টেশন বহাল থাকবে, কিন্তু এফআইডি-এর অবনমিত স্থিতি এবং INP ডকুমেন্টেশন উল্লেখ করার জন্য বিশিষ্ট নোটিশ যোগ করা হবে। অন্যান্য FID-কেন্দ্রিক ডকুমেন্টেশন সম্পূর্ণভাবে মুছে ফেলা হতে পারে এবং প্রাসঙ্গিক INP ডকুমেন্টেশনে পুনঃনির্দেশিত করা যেতে পারে।

FID এখনও Google-এর অনেক টুলে উপস্থাপন করা হয়, কিন্তু INPও তাই। 12 মার্চ INP একটি কোর ওয়েব ভাইটাল হওয়ার সাথে সাথেই Google সার্চ কনসোল থেকে FID সরিয়ে দেওয়া হবে। অন্যান্য সমস্ত টুল-যেমন PageSpeed ​​Insights এবং CrUX-ডেভেলপারদের তাদের কোড আপডেট করার সুযোগ দিতে ছয় মাসের অবচয় সময় অফার করবে।

পরিশেষে, Google অনুসন্ধানের জন্য কোর ওয়েব ভাইটালস-এ INP-এর অন্তর্ভুক্তির অর্থ কী সে সম্পর্কে আপনার যদি কোনো প্রশ্ন থাকে, তাহলে Google সার্চ সেন্ট্রালে INP ঘোষণা পোস্ট দেখুন।

সামনের রাস্তা

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

বরাবরের মতো, যদি আপনার কোনো প্রশ্ন বা উদ্বেগ থাকে, আমরা [e-mail]- এ আপনার প্রতিক্রিয়াকে স্বাগত জানাই যখন এটি INP, FID, বা Web Vitals প্রোগ্রামের অন্য কোনো মেট্রিক্সের ক্ষেত্রে আসে।