নেক্সট পেইন্টে মিথস্ক্রিয়া অগ্রসর করা

INP আর পরীক্ষামূলক নয়। 2024 সালে এটিকে একটি কোর ওয়েব ভাইটাল করার জন্য Chrome এর পরিকল্পনা সম্পর্কে জানুন।

ওয়েব ভাইটালস প্রোগ্রামের সাথে Chrome-এর লক্ষ্য হল ডেভেলপারদের সেই মেট্রিক্সগুলিতে ফোকাস করতে সাহায্য করা যা দুর্দান্ত ব্যবহারকারীর অভিজ্ঞতার জন্য অপরিহার্য—কোর ওয়েব ভাইটাল। ব্যবহারকারীর অভিজ্ঞতার একটি গুরুত্বপূর্ণ দিক যা আমরা ফোকাস করছি প্রতিক্রিয়াশীলতা, যা ব্যবহারকারীর ইন্টারঅ্যাকশনে দ্রুত প্রতিক্রিয়া জানানোর একটি ওয়েব পৃষ্ঠার ক্ষমতা।

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

সম্প্রদায়ের কাছ থেকে আরও এক বছর পরীক্ষা এবং প্রতিক্রিয়া সংগ্রহের পর, আমরা প্রশিক্ষণের চাকা বন্ধ করতে প্রস্তুত এবং ঘোষণা করছি যে INP আর পরীক্ষামূলক নয়। উপরন্তু, মার্চ 2024 থেকে কার্যকর, আমরা FID প্রতিস্থাপন করে, প্রতিক্রিয়াশীলতার জন্য নতুন কোর ওয়েব ভাইটাল মেট্রিক হিসাবে INP প্রচার করতে প্রতিশ্রুতিবদ্ধ।

এই পোস্টে, আমরা সিদ্ধান্তের পিছনে অনুপ্রেরণা, ঠিক কী পরিবর্তন হচ্ছে এবং কীভাবে শুরু করতে হবে সে সম্পর্কে আরও কভার করব। এটি কীভাবে Google অনুসন্ধানকে প্রভাবিত করে সে সম্পর্কে আরও জানতে, তাদের ব্লগ পোস্ট পড়ুন।

একটি ভাল প্রতিক্রিয়াশীলতা মেট্রিক

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

যদিও এটি আমাদের প্রতিক্রিয়াশীলতা পরিমাপ করার উপায়কে উন্নত করেছে, FID সীমাবদ্ধতা ছাড়া ছিল না। নামটি আসলে এই ধরনের দুটি সীমাবদ্ধতা দেয়: "প্রথম ইনপুট" এবং "বিলম্ব"। FID শুধুমাত্র প্রথমবার একজন ব্যবহারকারী পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার প্রতিক্রিয়া জানায়। যদিও প্রথম ইম্প্রেশনগুলি গুরুত্বপূর্ণ, প্রথম মিথস্ক্রিয়াটি অগত্যা একটি পৃষ্ঠার জীবনের সমস্ত মিথস্ক্রিয়াগুলির প্রতিনিধিত্ব করে না। আরও, FID শুধুমাত্র প্রথম ইন্টারঅ্যাকশনের ইনপুট বিলম্বের অংশকে পরিমাপ করে, যা ব্রাউজারকে ইন্টারঅ্যাকশন পরিচালনা করতে শুরু করার আগে (প্রধান থ্রেড ব্যস্ততার কারণে) অপেক্ষা করতে হয়েছিল।

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

বিবর্তিত INP

আজ থেকে, INP আর পরীক্ষামূলক নয় এবং এর পরিবর্তে একটি মুলতুবি কোর ওয়েব ভাইটাল মেট্রিক হিসাবে বিবেচিত হবে৷ এটি একটি নতুন উপাধি যা নির্দেশ করে যে INP FID প্রতিস্থাপন করার জন্য তার প্রস্তুতি প্রমাণ করেছে—কিন্তু আমরা এখনও পরিবর্তন করছি না। ইকোসিস্টেমকে সামঞ্জস্য করার জন্য সময় দিতে, INP আনুষ্ঠানিকভাবে 2024 সালের মার্চ মাসে একটি স্থিতিশীল কোর ওয়েব ভাইটাল মেট্রিক হয়ে উঠবে।

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

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

টুল অপ্রচলিত ক্ষেত্র নূতন ক্ষেত্র
CrUX API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX ইতিহাস API experimental_interaction_to_next_paint interaction_to_next_paint
CrUX BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed ​​Insights API experimental_interaction_to_next_paint interaction_to_next_paint
বাতিঘর রিপোর্ট* experimental-interaction-to-next-paint interaction-to-next-paint
তাদের পুরানো এবং নতুন INP ক্ষেত্রের নামের API এর মানচিত্র।
* Lighthouse 11 সংস্করণে পরীক্ষামূলক INP ক্ষেত্রের ব্যবহার বন্ধ করবে।

ট্রানজিশন সহজ করতে এবং কোনো ডাউনস্ট্রিম অ্যাপ্লিকেশান ভাঙা এড়াতে, এই APIগুলি আরও 90 দিনের জন্য পরীক্ষামূলক INP ক্ষেত্রে পরিবেশন করা চালিয়ে যাবে৷ পরীক্ষামূলক INP ক্ষেত্রের জন্য API সমর্থন 8 আগস্ট, 2023-এ শেষ হবে।

এদিকে, 2024 সালের মার্চ পর্যন্ত FID একটি কোর ওয়েব ভাইটাল থাকবে। সেই সময়ে, INP তিনটি স্থিতিশীল কোর ওয়েব ভাইটাল হিসেবে লার্জেস্ট কন্টেন্টফুল পেইন্ট (LCP) এবং Cumulative Layout Shift (CLS) যোগদান করবে। একটি ভবিষ্যতের আপডেটে, আমরা পরিবর্তনের সুনির্দিষ্ট সময় এবং FID-এর পরিকল্পনা সম্পর্কে আরও তথ্য শেয়ার করব যা এটি একটি Core Web Vital হিসাবে প্রতিস্থাপিত হওয়ার পরে৷

INP দিয়ে শুরু করা

ভাল INP মানগুলি 200 মিলিসেকেন্ড বা তার কম, খারাপ মানগুলি 500 মিলিসেকেন্ডের বেশি এবং এর মধ্যে যে কোনও কিছুর উন্নতি প্রয়োজন৷

2024 সালে INP একটি কোর ওয়েব ভাইটাল হয়ে ওঠার জন্য অপেক্ষা করবেন না যাতে এটির উন্নতি শুরু হয়। মোবাইল ডিভাইসে ভাল FID পারফরম্যান্স আছে এমন 93% সাইটে আপনার ওয়েবসাইটটি খুব ভাল হতে পারে; যাইহোক, আপনি জেনে অবাক হতে পারেন যে শুধুমাত্র 65% সাইটের মোবাইল ডিভাইসে ভাল INP আছে। INP প্রতিক্রিয়াশীলতার অনেক বেশি সঠিক ছবি আঁকে, তাই এই সংখ্যাগুলি আমাদের সামনে উন্নতির জন্য আরও স্পষ্টভাবে দেখতে সাহায্য করে।

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

INP শিখতে কিছু সময় লাগতে পারে, এবং এটি ঠিক আছে। সবচেয়ে বড় ROI-এর সাথে অপ্টিমাইজেশানগুলিতে ফোকাস করতে আপনাকে সাহায্য করার জন্য, এই বছরের শুরুতে আমরা একটি ব্লগ পোস্ট প্রকাশ করেছি যাতে আমাদের নির্দেশিকাগুলি কোর ওয়েব ভাইটালগুলিকে উন্নত করার জন্য সবচেয়ে কার্যকর সুপারিশগুলির জন্য নিচে দেওয়া হয়৷ বিশেষত, আমরা FID এবং INP অপ্টিমাইজ করার জন্য সমানভাবে প্রযোজ্য তিনটি আবশ্যক-জানা কৌশল সম্পর্কে লিখেছি: দীর্ঘ কাজগুলি এড়িয়ে চলুন বা ভেঙে দিন, অপ্রয়োজনীয় জাভাস্ক্রিপ্ট এড়িয়ে চলুন এবং বড় রেন্ডারিং আপডেটগুলি এড়িয়ে চলুন। আপনি আমাদের ডকুমেন্টেশনে এইগুলি এবং অন্যান্য অনেক INP অপ্টিমাইজেশন কৌশল সম্পর্কে আরও শিখতে পারেন৷

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

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

মার্চ 2024-এ INP-এর সঠিক স্নাতকের তারিখের আপডেটের জন্য আমাদের সাথে থাকুন। এবং যদিও মেট্রিকটি আর পরীক্ষামূলক নয়, আমরা সবসময় INP এবং Web Vitals প্রোগ্রামের উন্নতিতে সাহায্য করার জন্য web-vitals-feedback@googlegroups.com- এ প্রতিক্রিয়া জানাতে প্রস্তুত। মোটামুটি.