- Paent Timing API की मदद से Paint Timings AP की मदद से यह पता लगाएं कि पहली बार पेंट करने में लगने वाला समय और कॉन्टेंटफ़ुल पेंट को पहली बार पेंट करने में लगने वाला समय क्या है.
font-displayकी मदद से, यह कंट्रोल किया जा सकता है कि फ़ॉन्ट डाउनलोड होने से पहले उन्हें कैसे रेंडर किया जाए.- WebAssembly खुल गया है
- और यहां और भी बहुत कुछ है!
क्या आपको बदलावों की पूरी सूची चाहिए? Chromium सोर्स का डेटा स्टोर करने की जगह में होने वाले बदलाव की सूची देखें
मैं पीट लेपेज हूं. चलिए, देखते हैं कि Chrome 60 में डेवलपर के लिए नया क्या है!
पेंट टाइमिंग एपीआई
जब कोई उपयोगकर्ता किसी वेब पेज पर जाता है, तो वह कुछ विज़ुअल फ़ीडबैक की मदद से यह पक्का करता है कि सब कुछ ठीक से काम कर रहा है. नए पेंट टाइमिंग एपीआई की मदद से, अब हम इसका आकलन कर सकते हैं.
एपीआई दो मेट्रिक दिखाता है:
- पहली बार पेंट करने का समय - यह उस समय के बारे में बताता है, जब ब्राउज़र किसी चीज़ को रेंडर करना शुरू करता है. यह स्क्रीन पर मौजूद कॉन्टेंट का पहला हिस्सा होता है.
- पहली कॉन्टेंटफ़ुल पेंट में लगने वाला समय - यह उस पॉइंट को मार्क करता है जब ब्राउज़र, DOM, टेक्स्ट, इमेज वगैरह में से कॉन्टेंट का पहला हिस्सा रेंडर करता है.
इन मेट्रिक को ट्रैक करने और अपने अनुभव को बेहतर बनाने का तरीका जानने के लिए, उपयोगकर्ता अनुभव पर सबसे ज़्यादा असर डालने वाली परफ़ॉर्मेंस मेट्रिक का इस्तेमाल करना देखें.
सीएसएस font-display प्रॉपर्टी
वेब फ़ॉन्ट से, आपको बेहतर टाइपोग्राफ़ी को शामिल करने की सुविधा मिलती है. हालांकि, अगर उपयोगकर्ता के पास पहले से टाइपफ़ेस नहीं है, तो उसे डाउनलोड करना होगा. इससे आपकी साइट धीरे दिखेगी.
हालांकि, अच्छी बात यह है कि अगर फ़ॉन्ट डाउनलोड होने में ज़्यादा समय लगता है, तो ज़्यादातर ब्राउज़र फ़ॉलबैक का इस्तेमाल करेंगे. नई font-display प्रॉपर्टी की मदद से, यह कंट्रोल किया जा सकता है कि डाउनलोड किए जा सकने वाले फ़ॉन्ट को पूरी तरह लोड होने से पहले कैसे रेंडर किया जाए.
- उपयोगकर्ता एजेंट, जिस भी फ़ॉन्ट डिसप्ले रणनीति का इस्तेमाल करता है
autoउसका इस्तेमाल करता है. blockसे फ़ॉन्ट फ़ेस में, कम समय में ब्लॉक होने के साथ-साथ अनंत स्वैप अवधि का पता चलता है.swap, फ़ॉन्ट फ़ेस को शून्य सेकंड ब्लॉक पीरियड और अनंत स्वैप अवधि देता है.fallback, फ़ॉन्ट फ़ेस को बहुत कम समय तक ब्लॉक करता है और इसे बदलने में कम समय लगता है.optional, फ़ॉन्ट फ़ेस को बहुत कम ब्लॉक पीरियड और शून्य सेकंड स्वैप करने की अवधि देता है.
यह Chrome 60 और Opera में काम करती है और Firefox पर इस पर काम चल रहा है.
ज़्यादा जानकारी के लिए, font-display की मदद से फ़ॉन्ट की परफ़ॉर्मेंस कंट्रोल करना देखें.
WebAssembly
Websembly या Wasm की मदद से कोड को तेज़ी से चलाया जा सकता है. यह कोड, वेब पर C और C++ जैसी भाषाओं में लिखे गए कोड के हिसाब से लिखा जाता है. यह करीब-करीब स्थानीय स्पीड पर काम करता है.
इसकी मदद से, ब्राउज़र में मौजूद वीडियो एडिटर बनाया जा सकता है या स्टैंडर्ड पर आधारित मौजूदा वेब प्लैटफ़ॉर्म एपीआई का इस्तेमाल करके, ज़्यादा फ़्रेम रेट पर Unity गेम को चलाया जा सकता है.
आपको webassembly.org पर ज़्यादा जानकारी मिल सकती है. इसमें डेमो, दस्तावेज़, और शुरुआत करने का तरीका शामिल है.
और भी कई सुविधाएं!
- नया Web बजट API, पुश नोटिफ़िकेशन की अनुमति वाली साइटों को सीमित संख्या में पुश मैसेज भेजने की सुविधा देता है. इससे बैकग्राउंड में काम करने जैसे डेटा को सिंक करने या सूचनाओं को खारिज करने जैसे काम ट्रिगर होते हैं. इसके लिए, उपयोगकर्ताओं को दिखने वाली सूचना दिखाने की ज़रूरत नहीं होती.
PushSubscription.expirationTimeअब उपलब्ध है. सदस्यता खत्म होने पर, साइटों को सूचना दें.- ऑब्जेक्ट रेस्ट और स्प्रेड प्रॉपर्टी अब काम करती हैं. इससे ऑब्जेक्ट को मर्ज और शैलो-क्लोन ऑब्जेक्ट को मर्ज करना और कई तरह के नहीं बदले जा सकने वाले ऑब्जेक्ट पैटर्न को लागू करना आसान हो जाता है.
ध्यान दें: पेमेंट रिक्वेस्ट एपीआई को Chrome 61 में पुश किया गया है.
ये डेवलपर के लिए Chrome 60 में किए गए कुछ बदलाव हैं.
इसके बाद, हमारे YouTube चैनल की सदस्यता लें. नया वीडियो लॉन्च होने पर, आपको ईमेल से सूचना मिलेगी.
मैं हूं पीट लीपेज और जैसे ही Chrome 61 रिलीज़ होगा, मैं आपको बताऊंगी कि -- Chrome में नया क्या है!