उपयोगकर्ताओं के लिए आपके प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) की परफ़ॉर्मेंस के बारे में उपयोगकर्ताओं के नज़रिए से, पेजों पर तेज़ी से ट्रांज़िशन की सुविधा अहम भूमिका निभाती है.
नेटवर्क धीमा होने पर भी ट्रांज़िशन की रफ़्तार तेज़ होनी चाहिए.
सुझाव
धीमे पेज ट्रांज़िशन के लिए,
सिम्युलेट किए गए धीमे नेटवर्क की मदद से अपने वेब ऐप्लिकेशन पर नेविगेट करें. Chrome में ऐसा करने के लिए:
[comment]: <> (पहले दो सूची आइटम web.dev के एक शॉर्टकोड हैं, लेकिन इसे किसी भी भाषा के लिए अंग्रेज़ी से अनुवाद नहीं किया गया है.)
1. DevTools खोलने के लिए Control+Shift+J (या Mac पर Command+Option+J) दबाएं.
2. नेटवर्क टैब पर क्लिक करें.
3. थ्रटलिंग ड्रॉप-डाउन सूची में, Slow 3G चुनें.
ऐप्लिकेशन में किसी लिंक या बटन पर टैप करने पर,
देखें कि पेज इन दो में से किसी एक तरीके से तुरंत जवाब देता है:
पेज तुरंत अगली स्क्रीन पर बदल जाता है और नेटवर्क से कॉन्टेंट का इंतज़ार करते हुए
लोड होती हुई स्क्रीन दिखाता है.
जब ऐप्लिकेशन, नेटवर्क से जवाब मिलने का इंतज़ार करता है, तब पेज पर लोड होने का इंडिकेटर दिखता है.
अगर क्लाइंट-रेंडर किए गए एक पेज वाले ऐप्लिकेशन पर काम किया जा रहा है, तो उपयोगकर्ता को तुरंत अगले पेज पर ले जाएं और कंकाल स्क्रीन दिखाएं.
देख लें कि कॉन्टेंट, पेज का टाइटल या थंबनेल जैसा दिखना चाहिए. हालांकि, उपलब्ध कॉन्टेंट तुरंत दिखने लगेगा.
[[["समझने में आसान है","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"]],["आखिरी बार 2024-04-16 (UTC) को अपडेट किया गया."],[],[]]