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