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