इस अगस्त में वेब को 35 साल हो गए. डेवलपर की पीढ़ियों ने इस शानदार टेक्नोलॉजी को बनाया है और हमारी ज़िंदगी में अनगिनत इनोवेशन किया है. यह एआई के साथ काम करने वाली नई पीढ़ी का सुबह है. यहां हमारे डेवलपर कीनोट और I/O सेशन में लॉन्च की गई 10 रोमांचक सुविधाओं के बारे में बताया गया है. ये सुविधाएं, ज़्यादा बेहतर वेब की मदद से बेहतर डेवलपमेंट की दिशा में आपको गाइड करेंगी.
1. उपयोगकर्ता के डिवाइस पर ही एआई की नई सुविधाएं उपलब्ध कराने के लिए, Chrome के डेस्कटॉप वर्शन में Gemini Nano इंटिग्रेशन
Chrome 126 में, Gemini Nano को Chrome के डेस्कटॉप वर्शन में पहले से मौजूद किया जाएगा. यह ज़रूरी क्यों है? इसका इस्तेमाल करके, Chrome के करोड़ों उपयोगकर्ताओं को बेहतरीन एआई सुविधाएं दी जा सकती हैं. इसके लिए, आपको प्रॉम्प्ट इंजीनियरिंग, फ़ाइन ट्यूनिंग, क्षमता या कीमत की चिंता करने की ज़रूरत नहीं है. Chrome में "लिखने में मेरी मदद करो" सुविधा, डिवाइस पर मौजूद पावर के साथ उपलब्ध है. इससे लोगों को कम अवधि का कॉन्टेंट लिखने में मदद मिलती है.
शुरुआती तौर पर झलक दिखाने वाले हमारे प्रोग्राम के लिए साइन अप करके, वेब को बेहतर बनाने में हमारी मदद करें.
2. WebAssembly और WebGPU में, उपयोगकर्ता के डिवाइस पर एआई की सुविधा उपलब्ध होती है. इससे कोई फ़र्क़ नहीं पड़ता कि आपने कौनसा एआई मॉडल इस्तेमाल किया है
हमने WebGPU और Wasm टेक्नोलॉजी का इस्तेमाल करके, एआई (AI) मॉडल पर तेज़ी से और बेहतर तरीके से काम करने के लिए भारी निवेश किया है. ये टेक्नोलॉजी, वेब पर ऑन-डिवाइस एआई (AI) को चालू करती हैं. WebGPU में 16-बिट की फ़्लोटिंग-पॉइंट वैल्यू, Memory64, और Wasm में JavaScript Promise इंटिग्रेशन जैसे नए सुधारों की वजह से, एआई और भी तेज़ी से काम कर रहा है. Wasm और WebGPU की मदद से, आपकी एआई लाइब्रेरी कई तरह के हार्डवेयर पर बड़े पैमाने पर मॉडल चला पाएंगी.
3. एआई की मदद से काम करने वाले Chrome DevTools की मदद से, डीबग करने की प्रोसेस को बेहतर बनाया जा सकता है
Chrome DevTools, आपके ऐप्लिकेशन को डीबग और ट्यून करने के सबसे लोकप्रिय तरीकों में से एक है. एआई की मदद से, डीबग करना अब और भी आसान हो गया है. हम Gemini को Chrome DevTools Console में लेकर आ रहे हैं. इसका मकसद, अहम जानकारी जनरेट करना, समस्या के बारे में समझना, और उसे ठीक करना भी शामिल करना है!
Chrome DevTools कंसोल इनसाइट, फ़िलहाल अमेरिका में एक्सपेरिमेंट के तौर पर उपलब्ध है. इसे जल्द ही अन्य देशों में लॉन्च किया जाएगा.
4. अनुमान लगाने के नियम एपीआई, आपको तुरंत ब्राउज़ करने की सुविधा देता है
नए अनुमान नियम एपीआई की मदद से, हम करीब-करीब तुरंत नेविगेट करने की सुविधा चालू कर रहे हैं. इससे बैकग्राउंड में पेजों को प्री-फ़ेच करके और प्री-रेंडर करके, तेज़ी से ब्राउज़ किया जा सकता है. सेकंड के बजाय मिलीसेकंड के बारे में सोचें. सभी में सर्वश्रेष्ठ? इसे शुरू करने के लिए, कोड की कुछ लाइनों की ही ज़रूरत होती है. साथ ही, नेविगेशन पैटर्न का बेहतर तरीके से अनुमान लगाने के लिए, एआई का इस्तेमाल किया जा सकता है.
5. कई पेजों वाली साइटों के लिए ट्रांज़िशन देखें
हम वेब का इस्तेमाल करने वाले लोगों के अनुभव को बेहतर बनाना चाहते हैं. डेवलपर के लिए, हम वेब के लिए आपके ऐप्लिकेशन को बनाने का तरीका बदलना चाहते हैं. View Transit API की मदद से, पेज की स्थितियों के बीच आसानी से ऐनिमेशन जनरेट किया जा सकता है. अब यह कई पेज वाले ऐप्लिकेशन के साथ काम करता है. इससे आप आसानी से नेविगेट कर पाते हैं, भले ही आपकी साइट की बनावट कुछ भी हो. अनुमान लगाने के नियम और एआई के साथ इस्तेमाल करने पर, पेज ट्रांज़िशन की प्रोसेस आसान हो सकती है.
6. सभी ब्राउज़र के यूनिफ़ाइड व्यू के लिए वेब प्लैटफ़ॉर्म डैशबोर्ड
हम जानते हैं कि प्लैटफ़ॉर्म के लगातार अपडेट होने पर, उसमें होने वाले नए बदलावों, एपीआई, और कई ब्राउज़र के फ़्रेमवर्क के मुताबिक काम करना आसान नहीं होता. बेसलाइन से आपको यह समझने में मदद मिलती है कि सभी ब्राउज़र पर कौनसी वेब सुविधाएं काम करती हैं. अब वेब प्लैटफ़ॉर्म डैशबोर्ड की मदद से, आपको सुविधाओं के एक सेट के तौर पर मैप किया गया पूरा वेब प्लैटफ़ॉर्म दिखेगा. साथ ही, उसके डेवलपमेंट की प्रोसेस को फ़ॉलो करने और इंटरऑप की स्थिति देखने की सुविधा भी मिलेगी.
7. आपके वर्कफ़्लो में बेसलाइन टूल
बेसलाइन को आपके वर्कफ़्लो में इंटिग्रेट करने पर, यह सबसे अच्छी तरह काम करता है. आज से, Akamai के RUM संग्रह में डेवलपर के लिए एक नया टूल मौजूद है. यह टूल RUM Archive इनसाइट पर उपलब्ध है. पहली बार, बेसलाइन वर्शन और बेसलाइन के उस वर्शन के साथ अनलॉक की गई सुविधाओं को दुनिया भर में इस्तेमाल करने वालों के शेयर को साथ-साथ देखा जा सकता है.
8. Angular में आंशिक हाइड्रेशन से परफ़ॉर्मेंस बेहतर होती है
हमारा मानना है कि वेब ऐप्लिकेशन बनाने और उन्हें डिप्लॉय करने के लिए, Angular सबसे अच्छे प्लैटफ़ॉर्म में से एक है. अब हम पार्शियल हाइड्रेशन पर काम कर रहे हैं. इसलिए, JavaScript सिर्फ़ ज़रूरत पड़ने पर ही आपके ऐप्लिकेशन के कुछ हिस्से को लोड और हाइड्रेट करेगा. इससे कोर वेब विटल में काफ़ी सुधार होगा, जो परफ़ॉर्मेंस के आधार पर संवेदनशील ऐप्लिकेशन के लिए काम करेगा. अगले कुछ हफ़्तों में डेवलपर की झलक में इसे देखें.
9. सिग्नल के साथ सटीक कोणीय प्रतिक्रिया, एकदम अलग
हम चाहते हैं कि आपको अपने ऐप्लिकेशन में हुए बदलावों का पता लगाने और उन्हें मैनेज करने के लिए, ज़्यादा बारीकी से कंट्रोल मिले. Enter: सिग्नल की मदद से सटीक प्रतिक्रिया देना. Angular, रिऐक्टिव एपीआई का एक नया सेट उपलब्ध कराता है. इससे, सिग्नल की मदद से डेवलपर को बेहतरीन अनुभव मिलता है. सिग्नल, बदलाव की पहचान करने की सुविधा को चालू करते हैं. यह स्थिति में बदलाव लागू करने के लिए, आपके कॉम्पोनेंट ट्री के कुछ ही हिस्से की जांच करती है, ताकि आपको यूज़र इंटरफ़ेस (यूआई) को मैन्युअल तरीके से ऑप्टिमाइज़ न करना पड़े.
सिग्नल पर आधारित Reactive API फ़िलहाल उपलब्ध हैं. बड़े पैमाने पर होने वाले बदलाव का पता लगाने की सुविधा, इस साल के आखिर में उपलब्ध कराई जाएगी.
10. Maps JavaScript API में इमर्सिव 3D अनुभव तैयार करें
हम Google Maps Platform से Maps JavaScript API पर फ़ोटोरियलिस्टिक 3D Maps जोड़ने की कोशिश कर रहे हैं. इससे, आपको इमर्सिव वेब अनुभव देने के और भी तरीके मिलेंगे. अब आप अपने उपयोगकर्ताओं की उम्मीद के मुताबिक बेहतरीन 3D मैप डिलीवर करने के लिए Google की रेंडरिंग टेक्नोलॉजी का इस्तेमाल कर सकते हैं. सबसे अच्छी बात: एक लाइन वाले कोड से शुरुआत की जा सकती है.
हमें आपके गेम के शानदार और शानदार अनुभव का बेसब्री से इंतज़ार रहेगा! ज़्यादा जानें.
हर दिन, आप विकास की जटिलता को पार कर रहे हैं और आपकी संभावनाओं की सीमा बनाई जा रही है. ऐसे नए अनुभव तैयार करने में आपकी मदद करके हमें बहुत खुशी हो रही है जिन्हें हम सभी आनंद ले सकते हैं. इस बेहतरीन वेब के बारे में ज़्यादा जानने के लिए, developer.chrome.com और web.dev पर जाएं. अब यह और भी आसान हो गया है. X, YouTube, और अब LinkedIn पर हमसे संपर्क करें.
आपसे अगले I/O में मुलाकात होगी!