संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
User Timing API क्या है?
अच्छे उपयोगकर्ता अनुभव के लिए, अपने वेब ऐप्लिकेशन को तेज़ और रिस्पॉन्सिव बनाना बहुत ज़रूरी है.
परफ़ॉर्मेंस को बेहतर बनाने का पहला कदम यह पता लगाना है कि आप अपना समय कहां खर्च कर रहे हैं.
User Timing API की मदद से, अपने ऐप्लिकेशन की JavaScript की परफ़ॉर्मेंस को मेज़र किया जा सकता है.
इसके लिए, अपनी JavaScript में एपीआई कॉल शामिल करें. इसके बाद, समय की पूरी जानकारी वाला डेटा एक्सट्रैक्ट करें. इसका इस्तेमाल कोड को ऑप्टिमाइज़ करने के लिए किया जा सकता है.
एपीआई का इस्तेमाल करके या Chrome DevTools की टाइमलाइन रिकॉर्डिंग
पर देखकर, JavaScript से वे डेटा ऐक्सेस किए जा सकते हैं.
लाइटहाउस, User Timing के डेटा को कैसे रिपोर्ट करता है
जब आपका ऐप्लिकेशन, मार्क (यानी टाइम स्टैंप) और मेज़र जोड़ने के लिए User Timing API का इस्तेमाल करता है (यानी, मार्क के बीच बिताए गए समय का माप), तो आपको वे अपनी
लाइटहाउस रिपोर्ट में दिखेंगे:
इस ऑडिट को पास या फ़ेल टेस्ट के तौर पर नहीं बनाया गया है.
यह आपके लिए काम के एपीआई खोजने का सिर्फ़ एक अवसर है. इससे, आपको अपने ऐप्लिकेशन की परफ़ॉर्मेंस का आकलन करने में मदद मिल सकती है.
स्टैक के हिसाब से सलाह
React
React DevTools प्रोफ़ाइलर
इस्तेमाल करें, जो आपके कॉम्पोनेंट की रेंडरिंग परफ़ॉर्मेंस को मापने के लिए, प्रोफ़ाइलर एपीआई का इस्तेमाल करता है.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"वह जानकारी मौजूद नहीं है जो मुझे चाहिए"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"बहुत मुश्किल है / बहुत सारे चरण हैं"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"पुराना"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"अनुवाद से जुड़ी समस्या"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"सैंपल / कोड से जुड़ी समस्या"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"अन्य"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"समझने में आसान है"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"मेरी समस्या हल हो गई"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"अन्य"
}]
{"lastModified": "\u0906\u0916\u093f\u0930\u0940 \u092c\u093e\u0930 2019-05-02 (UTC) \u0915\u094b \u0905\u092a\u0921\u0947\u091f \u0915\u093f\u092f\u093e \u0917\u092f\u093e."}
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2019-05-02 (UTC) को अपडेट किया गया."],[],[]]