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