Chrome 60 में नया

पीट लीपेज
पीट लीपेज

  • Paant Timing API की मदद से, Paint Timings AP की मदद से पहली बार पेंट करने और पहले कॉन्टेंटफ़ुल पेंट के समय को मेज़र किया जा सकता है.
  • font-display की मदद से, यह कंट्रोल किया जा सकता है कि फ़ॉन्ट डाउनलोड होने से पहले, उन्हें किस तरह रेंडर किया जाए.
  • WebAssembly की सुविधा अब उपलब्ध है
  • इनके अलावा और भी बहुत कुछ है!

क्या आपको बदलावों की पूरी सूची चाहिए? Chromium सोर्स रिपॉज़िटरी की सूची में बदलाव की सूची देखें

मेरा नाम पीट लेपेज है. आइए, विस्तार से जानें और देखें कि Chrome 60 में डेवलपर के लिए नया क्या है!

पेंट टाइमिंग API

जब कोई उपयोगकर्ता किसी वेब पेज पर जाता है, तो उसे कुछ विज़ुअल सुझाव मिलते हैं. इससे उन्हें यह पता चलता है कि सब कुछ ठीक से काम कर रहा है. नए पेंट टाइमिंग एपीआई की मदद से, अब हम उसे माप सकते हैं.

यह एपीआई दो मेट्रिक दिखाता है:

  • पहली बार पेंट करने का समय - यह उस समय को दिखाता है, जब ब्राउज़र किसी चीज़, यानी स्क्रीन पर मौजूद कॉन्टेंट के पहली हिस्से को रेंडर करना शुरू करता है.
  • फ़र्स्ट कॉन्टेंटफ़ुल पेंट का समय - यह उस समय को मार्क करता है, जब ब्राउज़र डीओएम, टेक्स्ट, किसी इमेज वगैरह से कॉन्टेंट के पहले हिस्से को रेंडर करता है.

इन मेट्रिक को ट्रैक करने और अपने अनुभव को बेहतर बनाने के लिए, सबसे ज़्यादा असर डालने वाली परफ़ॉर्मेंस मेट्रिक का इस्तेमाल करना लेख देखें.

सीएसएस font-display प्रॉपर्टी

वेब फ़ॉन्ट आपको रिच टाइपोग्राफ़ी को शामिल करने की सुविधा देते हैं. हालांकि, अगर उपयोगकर्ता के पास पहले से टाइपफ़ेस नहीं है, तो उसे डाउनलोड करना होगा. इससे आपकी साइट धीमी दिख सकती है.

अच्छी बात यह है कि अगर फ़ॉन्ट को डाउनलोड होने में ज़्यादा समय लगता है, तो ज़्यादातर ब्राउज़र फ़ॉलबैक का इस्तेमाल करेंगे. नई font-display प्रॉपर्टी की मदद से, यह कंट्रोल किया जा सकता है कि डाउनलोड किया जा सकने वाला फ़ॉन्ट पूरी तरह लोड होने से पहले कैसे रेंडर होगा.

  • auto, उपयोगकर्ता एजेंट जिस भी फ़ॉन्ट डिसप्ले की रणनीति का इस्तेमाल करता है उसका इस्तेमाल करता है.
  • block फ़ॉन्ट फ़ेस को एक छोटी ब्लॉक पीरियड और एक इनफ़ाइनाइट स्वैप पीरियड देता है.
  • swap फ़ॉन्ट फ़ेस को शून्य सेकंड ब्लॉक पीरियड और इनफ़ाइनाइट स्वैप पीरियड देता है.
  • fallback से, फ़ॉन्ट फ़ेस को एक बहुत ही कम ब्लॉक पीरियड और स्वैप करने के लिए एक कम पीरियड मिलता है.
  • optional फ़ॉन्ट फ़ेस को एक बहुत ही छोटी ब्लॉक पीरियड और शून्य सेकंड स्वैप अवधि देता है.

यह Chrome 60 और Opera में काम करता है और Firefox पर इस पर काम जारी है. ज़्यादा जानकारी के लिए, font-display की मदद से फ़ॉन्ट की परफ़ॉर्मेंस को कंट्रोल करना देखें.

WebAssembly

वेब असेंबली या Wasm, वेब पर C और C++ जैसी भाषाओं में लिखे गए कोड को करीब-करीब मूल स्पीड पर चलाने का एक नया तरीका उपलब्ध कराता है.

यह ब्राउज़र में वीडियो एडिटर बनाने या स्टैंडर्ड पर आधारित वेब प्लैटफ़ॉर्म एपीआई का इस्तेमाल करके, ज़्यादा फ़्रेम रेट पर Unity गेम को चलाने के लिए ज़रूरी स्पीड देता है.

ज़्यादा जानकारी के लिए webassembly.org पर जाएं. इसमें डेमो, दस्तावेज़, और शुरू करने के तरीके की जानकारी शामिल है.

और ज़्यादा!

  • नया Web बजट API पुश नोटिफ़िकेशन की अनुमति वाली साइटों को उपयोगकर्ता को दिखने वाली सूचना दिखाने की ज़रूरत के बिना, उन साइटों को सीमित संख्या में पुश मैसेज भेजने की सुविधा देता है जो बैकग्राउंड में काम करने जैसे काम करते हैं. जैसे, डेटा सिंक करना या सूचनाएं खारिज करना.
  • अब PushSubscription.expirationTime उपलब्ध है. इसमें, साइटों को बताया जाएगा कि सदस्यता कब और कब खत्म होगी.
  • ऑब्जेक्ट रेस्ट और स्प्रेड प्रॉपर्टी अब काम करती हैं. इससे मर्ज करना और शैलो-क्लोन ऑब्जेक्ट बनाना आसान हो जाता है. साथ ही, नहीं बदले जा सकने वाले कई ऑब्जेक्ट पैटर्न को लागू किया जा सकता है.

ध्यान दें: पेमेंट अनुरोध एपीआई को Chrome 61 पर पुश किया गया था.

डेवलपर के लिए, Chrome 60 में किए गए कुछ बदलावों में से ये कुछ ही हैं.

इसके बाद, हमारे YouTube चैनल की सदस्यता लें. जब भी हम कोई नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से इसकी सूचना मिलेगी.

मैं हूं पीट लेपेज और Chrome 61 के रिलीज़ होते ही, मैं आपको बताऊंगी -- Chrome में नया क्या है!