অরোরা
পারফরম্যান্সের উপর বিশেষ জোর দিয়ে, ওয়েব জুড়ে ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে Chrome ইঞ্জিনিয়ার এবং ওপেন-সোর্স ওয়েব ফ্রেমওয়ার্কগুলির মধ্যে একটি সহযোগিতা।
অরোরা প্রকল্পের পরিচয়
ওপেন-সোর্স টুলস এবং ফ্রেমওয়ার্কগুলি ডেভেলপারদের ওয়েবের জন্য আধুনিক অ্যাপ তৈরি করতে সক্ষম করার ক্ষেত্রে একটি বড় ভূমিকা পালন করে, পাশাপাশি ভাল ডেভেলপার অভিজ্ঞতাগুলিকে সমর্থন করে৷
নতুন কি?
2023 সালে, অরোরা টিম ওয়েব ফ্রেমওয়ার্ক ব্যবহার করে অ্যাপ্লিকেশনগুলির জন্য কোর ওয়েব ভাইটালগুলি উন্নত করার দিকে মনোনিবেশ করছে। আমরা বর্তমানে Next.js, Angular, এবং Nuxt টু শিপ পারফরম্যান্স বৈশিষ্ট্যের সাথে অংশীদারি করছি।
ব্লগ থেকে
তৃতীয় পক্ষের লাইব্রেরি পরিচালনার জন্য একটি Next.js প্যাকেজ
YouTube, Google Maps, এবং Google Analytics-এর মতো জনপ্রিয় তৃতীয়-পক্ষের জন্য নতুন Next.js র্যাপার উপাদানগুলি সম্পর্কে পড়ুন৷
,YouTube, Google মানচিত্র, এবং Google Analytics এর মত জনপ্রিয় তৃতীয় পক্ষের জন্য নতুন Next.js র্যাপার উপাদান সম্পর্কে পড়ুন৷
কৌণিক SSR এর মাধ্যমে নিরাপদে DOM অ্যাক্সেস করা
Angular এ SSR এর সাথে DOM কিভাবে নিরাপদে ব্যবহার করবেন তা জানুন
NgOptimizedImage এর সাথে নতুন কি?
Angular NgOptimizedImage নির্দেশিকায় অন্তর্ভুক্ত নতুন বৈশিষ্ট্যগুলি সম্পর্কে জানুন যা কৌণিক অ্যাপ্লিকেশনগুলিতে চিত্রের কার্যকারিতা আরও উন্নত করে।
ফন্ট ফলব্যাকের জন্য ফ্রেমওয়ার্ক টুল
Next.js, Nuxt, Vite এবং Capsize-এ টুল ব্যবহার করে Cumulative Layout Shift (CLS) প্রতিরোধ করতে আপনার ফন্ট ফলব্যাকের আকার কীভাবে সামঞ্জস্য করবেন তা বুঝুন।
উন্নত ফন্ট ফলব্যাক
ফন্ট ফলব্যাক এবং সাইজ-অ্যাডজাস্ট, অ্যাসেন্ট-ওভাররাইড, ডিসেন্ট-ওভাররাইড এবং লাইন-গ্যাপ-ওভাররাইড এপিআই তৈরির পিছনে পদ্ধতির গভীরে ডুব দিন।
কন্টেইনার কোয়েরি পলিফিলের ভিতরে
পলিফিল কীভাবে কাজ করে, এটি যে চ্যালেঞ্জগুলি কাটিয়ে ওঠে এবং ব্যবহারকারীর একটি দুর্দান্ত অভিজ্ঞতা প্রদান করার জন্য এটি ব্যবহার করার সময় সর্বোত্তম অনুশীলনগুলিকে দেখুন।
কৌণিক চিত্র নির্দেশিকা দিয়ে ছবিগুলিকে অপ্টিমাইজ করুন৷
কৌণিক চিত্র নির্দেশিকা কীভাবে সবচেয়ে বড় বিষয়বস্তু পেইন্ট (LCP) উন্নত করতে পারে তা শিখুন, এখন সংস্করণ 14 থেকে উপলব্ধ।
Next.js-এ তৃতীয় পক্ষের স্ক্রিপ্ট লোডিং অপ্টিমাইজ করুন
Next.js স্ক্রিপ্ট উপাদানটির পিছনের দৃষ্টিভঙ্গিটি বুঝুন, তৃতীয় পক্ষের স্ক্রিপ্টগুলির লোডিং অপ্টিমাইজ করার জন্য একটি অন্তর্নির্মিত সমাধান৷
সাম্প্রতিক প্রযুক্তি আলোচনা
সর্বশেষ অরোরা প্রকল্প, বৈশিষ্ট্য এবং সর্বোত্তম অনুশীলন সম্পর্কে জানতে এই ভিডিওগুলি দেখুন৷
Next.js-এ তৃতীয় পক্ষের লোডিং অপ্টিমাইজ করা
নেক্সট কনফ 2023: নেক্সট 14 এর সাথে আমরা যে নতুন পরবর্তী/তৃতীয়-পক্ষের প্যাকেজটি প্রকাশ করেছি সে সম্পর্কে জানুন।
ইমেজ অপ্টিমাইজেশানের জন্য ফ্রেমওয়ার্ক টুল
perf.now() 2023 প্রি-ইভেন্ট: ছবির কার্যক্ষমতা উন্নত করতে আমরা Next.js এবং Angular-এ যে ফ্রেমওয়ার্ক টুল তৈরি করেছি সে সম্পর্কে আরও জানুন।
ক্রোম অরোরার সাথে ফায়ারসাইড চ্যাট
Chrome Aurora টিমের Houssein Djirdeh-এর সাথে UseReactNYC 2023 Fireside চ্যাট দেখুন।
ক্রোম অরোরা
Infobip Shift 2022: জানুন কিভাবে Chrome Aurora টিম Next.js, Nuxt এবং Angular-এর সাথে সহযোগিতা করে ওয়েব ফ্রেমওয়ার্ক ইকোসিস্টেমকে এগিয়ে নিতে কাজ করছে।
কৌণিক সঙ্গে ইমেজ অপ্টিমাইজেশান
ng-conf 2022: এই সেশনে ছবিগুলি আপনার অ্যাপের গতি কমিয়ে দিতে পারে এবং অরোরা টিম যে অপ্টিমাইজেশানগুলিকে এই সমস্যাগুলি এড়াতে সুপারিশ করে তা কভার করে৷
Nuxt এবং Chrome
Vue Conf US 2022: Nuxt-এর সাথে Chrome-এর সাম্প্রতিক সহযোগিতা এবং আপনার Nuxt অ্যাপে ইমেজ ও ফন্ট অপ্টিমাইজ করার জন্য প্রস্তাবিত সেরা অনুশীলন সম্পর্কে জানুন।