औरोरा
वेब पर उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, Chrome के इंजीनियरों और ओपन-सोर्स वेब फ़्रेमवर्क के बीच मिलकर काम करना. इसमें परफ़ॉर्मेंस पर खास ध्यान दिया गया है.
पेश है Aurora प्रोजेक्ट
ओपन-सोर्स टूल और फ़्रेमवर्क, डेवलपर को वेब के लिए आधुनिक ऐप्लिकेशन बनाने में मदद करते हैं. साथ ही, इनकी मदद से डेवलपर को बेहतर अनुभव मिलता है.
नया क्या है?
साल 2023 में, Aurora की टीम वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाले उन ऐप्लिकेशन को बेहतर बनाने पर ध्यान दे रही है जो वेब फ़्रेमवर्क का इस्तेमाल करते हैं. परफ़ॉर्मेंस से जुड़ी सुविधाओं को भेजने के लिए, फ़िलहाल हम Next.js, Angular, और Nuxt के साथ साझेदारी कर रहे हैं.
ब्लॉग से
तीसरे पक्ष की लाइब्रेरी को मैनेज करने के लिए Next.js पैकेज
YouTube, Google Maps, और Google Analytics जैसे लोकप्रिय तीसरे पक्षों के लिए, नए Next.js रैपर कॉम्पोनेंट के बारे में पढ़ें.
ऐंगुलर एसएसआर की मदद से, डीओएम को सुरक्षित तरीके से ऐक्सेस करना
Angular में, एसएसआर के साथ DOM को सुरक्षित तरीके से इस्तेमाल करने का तरीका जानें
NgOptimizedImage वाला नया क्या है?
Angular NgOptimizedImage डायरेक्टिव में शामिल नई सुविधाओं के बारे में जानें. ये सुविधाएं, Angular ऐप्लिकेशन में इमेज की परफ़ॉर्मेंस को और बेहतर बनाती हैं.
फ़ॉन्ट फ़ॉलबैक के लिए फ़्रेमवर्क टूल
Next.js, Nuxt, Vite, और Capsize में मौजूद टूल का इस्तेमाल करके, कुल लेआउट शिफ़्ट (सीएलएस) से बचने के लिए, अपने फ़ॉन्ट फ़ॉलबैक के साइज़ में बदलाव करने का तरीका जानें.
बेहतर फ़ॉन्ट फ़ॉलबैक
फ़ॉन्ट फ़ॉलबैक जनरेट करने के तरीके के बारे में ज़्यादा जानें. साथ ही, साइज़ अडजस्टमेंट, एसेंट-ओवरराइड, डिसेंट-ओवरराइड, और लाइन-गैप-ओवरराइड के एपीआई के बारे में ज़्यादा जानें.
कंटेनर क्वेरी polyfill के अंदर
इस बारे में जानें कि पॉलीफ़िल कैसे काम करता है और इससे कौनसी चुनौतियां पूरी होती हैं. साथ ही, उपयोगकर्ताओं को बेहतरीन अनुभव देने के लिए, इसका इस्तेमाल करने के सबसे सही तरीके भी जानें.
ऐंगुलर इमेज डायरेक्टिव की मदद से इमेज ऑप्टिमाइज़ करें
जानें कि Angular इमेज डायरेक्टिव की मदद से, सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) को कैसे बेहतर बनाया जा सकता है. यह वर्शन 14 में उपलब्ध है.
Next.js में, तीसरे पक्ष की स्क्रिप्ट लोड करने के लिए ऑप्टिमाइज़ करें
Next.js Script कॉम्पोनेंट के विज़न को समझें. यह तीसरे पक्ष की स्क्रिप्ट को लोड करने की प्रोसेस को ऑप्टिमाइज़ करने के लिए एक पहले से मौजूद तरीका है.
हाल ही में हुई टेक्नोलॉजी से जुड़ी बातचीत
नए ऑरोरा प्रोजेक्ट, सुविधाओं, और सबसे सही तरीकों के बारे में जानने के लिए ये वीडियो देखें.
Next.js में तीसरे पक्ष की लोडिंग को ऑप्टिमाइज़ करना
अगला कॉन्फ़्रेंस 2023: Next 14 के साथ रिलीज़ किए गए, नेक्स्ट/थर्ड पार्टी के नए पैकेज के बारे में जानें.
इमेज ऑप्टिमाइज़ेशन के लिए फ़्रेमवर्क टूल
Perf.now() 2023 pre-event: इमेज की परफ़ॉर्मेंस को बेहतर बनाने के लिए, Next.js और Angular में बनाए गए फ़्रेमवर्क टूल के बारे में ज़्यादा जानें.
Chrome Aurora से फ़ायरसाइड चैट करें
Chrome Aurora टीम के सदस्य हुसैन जिरदेह के साथ ReactNYC 2023 फ़ायरसाइड चैट इस्तेमाल करें.
Chrome ऑरोरा
Infobip Shift 2022: जानें कि Chrome Aurora की टीम Next.js, Nuxt, और Angular के साथ मिलकर वेब फ़्रेमवर्क नेटवर्क को बेहतर बनाने के लिए किस तरह काम कर रही है.
Angular के साथ इमेज को ऑप्टिमाइज़ करना
एनजी-कॉन्फ़्रेंस 2022: इस सेशन में उन तरीकों के बारे में बताया गया है जिनकी मदद से, इमेज आपके ऐप्लिकेशन की रफ़्तार को कम कर सकती हैं. साथ ही, Aurora की टीम ऑप्टिमाइज़ेशन से जुड़ी इन समस्याओं से बचने का सुझाव देती है.
Nuxt और Chrome
Vue Conf US 2022: Nuxt के साथ मिलकर बनाई गई Chrome की नई सुविधाओं के बारे में जानें. साथ ही, अपने Nuxt ऐप्लिकेशन में इमेज और फ़ॉन्ट को ऑप्टिमाइज़ करने के सुझाए गए सबसे सही तरीकों के बारे में भी जानें.