ডেভেলপারদের জন্য Chrome-এর ২০২৪ সালের সংক্ষিপ্তসার: DevTools-এ AI, বিল্ট-ইন জেমিনি এবং নতুন UI ক্ষমতা ব্যবহার করে ওয়েবকে নতুন করে কল্পনা করা

প্রকাশিত: ১৩ ডিসেম্বর, ২০২৪

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

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

আমাদের ২০২৪ সালের উদ্ভাবনী ক্ষমতার সংক্ষিপ্তসারটি দেখুন যা আপনাকে কম উন্নয়নে আরও কল্পনাপ্রসূত ওয়েব অভিজ্ঞতা তৈরি করতে সাহায্য করবে।

ক্রোমে অন্তর্নির্মিত AI ডেভেলপারদের জেমিনির মাধ্যমে শক্তিশালী বৈশিষ্ট্য প্রদান করতে সাহায্য করে

Google I/O 2024-এ, আমরা ঘোষণা করেছি যে কীভাবে আমরা কৃত্রিম বুদ্ধিমত্তা ব্যবহার করে ওয়েবকে সুপারচার্জ করছি, যা সরাসরি Chrome-এ তৈরি করা হয়েছে। আজ পর্যন্ত, আপনাদের মধ্যে ১৩,০০০-এরও বেশি লোক ওয়েবের ভবিষ্যৎ গঠনে আমাদের সাহায্য করার জন্য প্রাথমিক প্রিভিউ প্রোগ্রামে যোগ দিয়েছেন। আপনাদের অবদানের জন্য আমরা কৃতজ্ঞ, এবং আপনাদের তৈরি করা সকল উদ্ভাবনী কৃত্রিম বুদ্ধিমত্তা অভিজ্ঞতার জন্য আমরা অধীর আগ্রহে অপেক্ষা করছি।

AI-এর সর্বাধিক ব্যবহারে আপনাকে সাহায্য করার জন্য, আমরা বেশ কয়েকটি বিল্ট-ইন API অরিজিন ট্রায়ালে চালু করেছি—যেমন পরীক্ষামূলক প্রম্পট API , ট্রান্সলেটর API , সামারাইজার API , এবং ল্যাঙ্গুয়েজ ডিটেক্টর API । এগুলোর সবকটিই আপনাকে সার্ভার কল ছাড়াই ব্রাউজারে AI-চালিত কাজগুলি চালাতে দেয় এবং আপনার নিজস্ব AI মডেলগুলি পরিচালনা এবং স্থাপন করার কোনও প্রয়োজন নেই। এই APIগুলি ব্যবহার করে একটি ওয়েব অ্যাপ বা Chrome এক্সটেনশন তৈরি করার জন্য 8,600 জনেরও বেশি ডেভেলপার Google Chrome বিল্ট-ইন AI চ্যালেঞ্জের জন্য নিবন্ধিত হয়েছেন। আমরা জানুয়ারীর মাঝামাঝি সময়ে বিজয়ীদের ঘোষণা করব, তাই আমাদের সাথেই থাকুন।

কথোপকথনের সময় যখন কোনও গ্রাহক ভাষা পরিবর্তন করেন, তখন ভাষা সনাক্ত করতে PolicyBazaar ভাষা আবিষ্কারক API ব্যবহার করে।

WebAssembly (Wasm) এবং WebGPU উন্নত বৈশিষ্ট্যগুলির মাধ্যমে ডিভাইসে AI আরও উন্নত হচ্ছে

আমরা বিশ্বাস করি যে ওয়েব হল আপনার জন্য AI-সক্ষম অ্যাপ তৈরির সেরা সময় যা সবার কাছে পৌঁছাতে পারে। অন্তর্নির্মিত AI API-তে আমাদের কাজের পরিপূরক হিসেবে, আমরা দুটি প্রযুক্তির উন্নতি করেছি যা আপনাকে ওয়েবে আপনার নিজস্ব AI মডেল আনতে এবং দ্রুত গতিতে চালাতে সক্ষম করে: WebGPU এবং Wasm।

আমরা WebGPU-তে 16-বিট ফ্লোটিং পয়েন্ট মান এবং প্যাকড ইন্টিজার ডট পণ্য চালু করেছি, যা কম্পিউট শেডার সহ ডিভাইসের GPU-এর আরও নমনীয় ব্যবহার আনলক করে। WebGPU-এর জন্য ভবিষ্যতের পরিকল্পনা করা উন্নতিগুলির মধ্যে রয়েছে সাবগ্রুপ এবং সাবগ্রুপ ম্যাট্রিক্স । এই বৈশিষ্ট্যগুলি অ্যাপগুলিকে GPU থ্রেডগুলির মধ্যে দ্রুত যোগাযোগ করতে এবং স্থির-আকারের ম্যাট্রিক্স গুণনের সর্বাধিক সুবিধা নিতে সাহায্য করবে। মেমরিতে বৃহত্তর AI মডেলগুলিকে সম্বোধন করার জন্য আমরা 2025 সালে Wasm-এর সাথে Memory64 চালু করব।

Transformers.js থেকে বেঞ্চমার্ক গ্রাফ।
Transformers.js এর WebGPU বেঞ্চমার্ক দেখায় যে WebGPU Wasm এর চেয়ে 32.51 গুণ দ্রুত।

ভিউ ট্রানজিশন এপিআই ঘর্ষণহীন নেভিগেশনের মাধ্যমে সাইটগুলিকে আগের চেয়ে আরও বেশি সংযুক্ত করে তোলে

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

ভিউ ট্রানজিশন ফ্লুইড ক্রস-পেজ নেভিগেশন সক্ষম করে। ভিউ ট্রানজিশন ডেমো দেখুন।

CSS পপওভার এবং অ্যাঙ্কর পজিশনিং জাভাস্ক্রিপ্ট ছাড়াই ইন্টারেক্টিভ ওভারলে সক্ষম করে

আপনি এখন popover ব্যবহার করে টুলটিপ, মেনু এবং অন্যান্য ওভারলে তৈরি করতে পারেন এবং CSS Anchor Positioning API ব্যবহার করে তাদের ট্রিগার উপাদানের সাথে দৃশ্যমানভাবে সংযুক্ত করতে পারেন। আপনার যা দরকার তা হল কিছু CSS এবং HTML যাতে লোকেরা স্ক্রোল বা উইন্ডোর আকার পরিবর্তন করার সময়ও ওভারলেগুলি অ্যাঙ্কর এবং দৃশ্যমান থাকে। আপনার ব্যবহারকারীরা আরও নির্ভরযোগ্য, গতিশীল ওয়েব অভিজ্ঞতা পান এবং আপনি z-index ব্যবস্থাপনা এবং জটিল JavaScript পজিশনিং গণিত থেকে মুক্ত হন। এটি উভয়ের জন্যই লাভজনক।

স্পেকুলেশন রুলস এপিআই পৃষ্ঠাগুলি প্রি-রেন্ডার করে প্রায় তাৎক্ষণিক নেভিগেশন আনলক করে

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

প্রি-রেন্ডারিং ছাড়াই web.dev লোড হতে ১.৬ সেকেন্ড সময় লাগে এবং এর সাথে ০.২ সেকেন্ড সময় লাগে।

নেক্সট পেইন্টের সাথে ইন্টারঅ্যাকশন (INP) একটি কোর ওয়েব ভাইটাল হয়ে ওঠে

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

অটোফিল আপনাকে মসৃণ অনলাইন চেকআউটের মাধ্যমে ব্যবহারকারীদের আনন্দিত করতে দেয়

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

ই-কমার্স চেকআউট প্রবাহের জন্য অটোফিল বিশেষভাবে কার্যকর। Shopify-তে, অটোফিল ব্যবহার করে অতিথি চেকআউটগুলিতে অটোফিল ছাড়া অতিথি চেকআউটের তুলনায় 45% বেশি চেকআউট রূপান্তর হার থাকে।

কৃত্রিম বুদ্ধিমত্তা (এআই) চালিত সমাধানের মাধ্যমে Chrome DevTools-এর স্তর বৃদ্ধি পেয়েছে

তোমার হয়তো মনে আছে আমরা কনসোল ইনসাইট সহ ক্রোম ডেভটুলসের সাথে জেমিনিকে পরিচয় করিয়ে দিয়েছিলাম, যা তোমাকে আরও দক্ষ সমস্যা সমাধানের জন্য AI-চালিত ডিবাগিং অ্যাক্সেস করতে সক্ষম করে। Google I/O 2024 সাল থেকে, এই বৈশিষ্ট্যটি বিশ্বব্যাপী উপলব্ধ হয়েছে।

আমরা AI সহায়তা প্যানেলও চালু করেছি, যা আপনার পৃষ্ঠার স্টাইলিং, নেটওয়ার্ক অনুরোধ, উৎস এবং কর্মক্ষমতার মতো প্রযুক্তিগত বিবরণ বুঝতে সাহায্য করার জন্য Gemini ব্যবহার করে।

কনসোল অন্তর্দৃষ্টি এবং এআই সহায়তা প্যানেল।
কনসোল ইনসাইট এবং এআই সহায়তা প্যানেল হল ২০২৪ সালে DevTools-এর অনেক উন্নতির মধ্যে দুটি।

আপনি হয়তো লক্ষ্য করেছেন যে এই বছরও পারফর্মেন্স প্যানেলে অনেক উন্নতি হয়েছে, যার মধ্যে রয়েছে রিয়েল টাইমে কোর ওয়েব ভাইটালস পর্যবেক্ষণ এবং টীকা যোগ করার ক্ষমতা। উপরন্তু, আমরা পারফর্মেন্স ইনসাইট সহ পারফর্মেন্স প্যানেলে লাইটহাউসের শক্তি নিয়ে এসেছি।

এই AI-সক্ষম বর্ধিতকরণ, পারফরম্যান্স প্যানেলের উন্নতি এবং স্ক্রোল ব্যাজের মতো কয়েক ডজন জীবনযাত্রার মান আপডেটের সাথে, Chrome DevTools আগের চেয়ে আরও বেশি সহায়ক। আরও উন্নতি, যেমন নতুন Gemini 2.0 মডেলের সাথে আপগ্রেড করা কর্মক্ষমতা, 2025 সালে আসছে।

বেসলাইন ২০২৪ ডেভেলপারদের জন্য নতুন ক্রস-ব্রাউজার ওয়েব বৈশিষ্ট্য নিয়ে এসেছে

গ্রেডিয়েন্ট ইন্টারপোলেশন থেকে শুরু করে নিবন্ধিত কাস্টম বৈশিষ্ট্য পর্যন্ত, বেসলাইন ২০২৪-এ এখন পর্যন্ত ৩৯টি নতুন, ক্রস-ব্রাউজার ওয়েব বৈশিষ্ট্য অন্তর্ভুক্ত করা হয়েছে। কোনও বৈশিষ্ট্য কমপক্ষে ৩০ মাস ধরে বেসলাইনের অংশ হয়ে গেলে আপনার আন্তঃকার্যক্ষমতা নিয়ে চিন্তা করার দরকার নেই। কিন্তু যদি আপনি সিদ্ধান্ত নেওয়ার চেষ্টা করছেন যে কোনও নতুন বৈশিষ্ট্য ব্যবহার করে কিছুটা নাগাল হারানো সম্ভব কিনা, তাহলে প্রতিটি বেসলাইন সংস্করণের বৈশিষ্ট্য এবং বিশ্বব্যাপী ব্যবহারকারীর শেয়ারের জন্য আকামাইয়ের RUM আর্কাইভ ইনসাইটগুলি দেখুন।

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

ইন্টারপ ২০২৪ এর সাথে বেসলাইনে প্রধান ব্রাউজারগুলি আরও বৈশিষ্ট্য তৈরি করে

বেসলাইনে আরও বৈশিষ্ট্য আনতে সাহায্য করার জন্য, আমরা আবারও ইন্টারপ ২০২৪- এ আমাদের অংশীদারদের সাথে কাজ করছি। এই বছরের লক্ষ্য বৈশিষ্ট্যগুলির মধ্যে রয়েছে পপওভার, সিএসএস নেস্টিং, ফন্ট-সাইজ-অ্যাডজাস্ট এবং আপেক্ষিক রঙ সিনট্যাক্স।

ইন্টারপ পরীক্ষামূলক এবং স্থিতিশীল ব্রাউজার রিলিজের জন্য স্কোরও রূপরেখা দেয়। স্থিতিশীল ব্রাউজারগুলির জন্য সামগ্রিক ইন্টারপ স্কোর বর্তমানে 87, এবং বছরের শেষের দিকে এগিয়ে যাওয়ার সাথে সাথে Chrome Stable-এর স্কোর 98। আপনি ইন্টারপ ড্যাশবোর্ডে ব্রাউজারগুলির অগ্রগতি সম্পর্কে জানতে পারেন। আমরা ইতিমধ্যেই ইন্টারপ 2025 এর জন্য পরিকল্পনা করছি, যা আমরা ফেব্রুয়ারিতে ঘোষণা করব।

নতুন বছরে একসাথে ওয়েবের প্রবৃদ্ধিকে রূপদান করা

আমাদের ২০২৪ সালের অগ্রগতি যতই রোমাঞ্চকর হোক না কেন, আমরা জানি ভবিষ্যৎ আরও উজ্জ্বল। আর এর সবই সম্ভব হয়েছে আপনাদের—আমাদের ডেভেলপার সম্প্রদায়ের—সমাগম্য আবেগ, প্রতিক্রিয়া এবং উদ্ভাবনের জন্য। ব্রাজিলজেএস সম্মেলন এবং ডেভফেস্ট প্যারিস থেকে শুরু করে গুগল আই/ও ২০২৪ এবং প্রথম ওয়েব এআই সামিট পর্যন্ত, বিশ্বজুড়ে বিভিন্ন ইভেন্টে, আমাদের কাছে বারবার একটি জিনিস স্পষ্ট হয়ে উঠেছে: আপনারা সকলেই ওয়েবের শক্তি এবং সম্ভাবনায় ঠিক ততটাই বিশ্বাস করেন যতটা আমরা করি।

তোমাদের কাছে আগের চেয়েও সাহসী ধারণা আছে। আমরা সেগুলো বাস্তবে রূপ দিতে তোমাদের সাহায্য করার জন্য নিবেদিতপ্রাণ। তাই আমাদের সর্বশেষ আপডেটের জন্য X , YouTube এবং LinkedIn- এ আমাদের সাথে সংযুক্ত থাকুন—এবং আসুন একসাথে ওয়েবের শক্তিকে নতুন করে কল্পনা করি