संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
लो-एंड फ़ोन पर या मुख्य थ्रेड पर बहुत ज़्यादा परफ़ॉर्मेंस वाले टास्क चलने पर, कंपोज़ नहीं किए गए ऐनिमेशन जैकी (स्मूद नहीं) दिख सकते हैं. जेनकी ऐनिमेशन, आपके पेज के कुल लेआउट शिफ़्ट (सीएलएस) को बढ़ा सकते हैं. सीएलएस को कम करने से, आपका
लाइटहाउस परफ़ॉर्मेंस स्कोर बेहतर होगा.
बैकग्राउंड
एचटीएमएल, सीएसएस, और JavaScript को पिक्सल में बदलने के लिए ब्राउज़र के एल्गोरिदम को सामूहिक रूप से रेंडरिंग पाइपलाइन के नाम से जाना जाता है.
अगर आपको रेंडरिंग पाइपलाइन के हर चरण का मतलब समझ नहीं आ रहा है, तो कोई समस्या नहीं है. फ़िलहाल, यह समझना ज़रूरी है कि रेंडरिंग पाइपलाइन के हर चरण में ब्राउज़र, पिछली कार्रवाई के नतीजे का इस्तेमाल करके नया डेटा बनाता है. उदाहरण के लिए, अगर आपका कोड कुछ ऐसा करता है जिससे लेआउट ट्रिगर होता है, तो पेंट और कंपोज़िट चरणों को फिर से करना होगा. कंपोज़िट नहीं किया गया ऐनिमेशन ऐसा कोई भी ऐनिमेशन होता है जो रेंडरिंग पाइपलाइन (स्टाइल, लेआउट या पेंट) के शुरुआती चरणों में से किसी एक को ट्रिगर करता है.
कंपोज़ नहीं किए गए ऐनिमेशन खराब परफ़ॉर्म करते हैं, क्योंकि वे ब्राउज़र को ज़्यादा काम करने के लिए मजबूर करते हैं.
रेंडरिंग पाइपलाइन के बारे में गहराई से जानने के लिए नीचे दिए गए लेख देखें:
लाइटहाउस, कंपोज़ नहीं किए गए ऐनिमेशन का पता कैसे लगाता है
जब किसी ऐनिमेशन को कंपोज़ नहीं किया जा सकता, तो Chrome 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 2020-08-12 (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"]],["आखिरी बार 2020-08-12 (UTC) को अपडेट किया गया."],[],[]]