पक्का करें कि पेज को बैक-फ़ॉरवर्ड कैश मेमोरी से वापस लाया जा सकता है

बैकग्राउंड

बैक/फ़ॉरवर्ड कैश मेमोरी (bfcache) की सुविधा, पेज के स्नैपशॉट को मेमोरी में सेव करती है. इससे, नेविगेशन इतिहास से पेज को वापस लाने में मदद मिलती है. इससे, पेज पर वापस जाने की प्रोसेस तेज़ी से पूरी होती है. हालांकि, कुछ ब्राउज़र एपीआई (उदाहरण के लिए, अनलोड करने वाले लिसनर) की वजह से, bfcache काम नहीं कर सकता और पेज सामान्य तरीके से लोड होगा.

Lighthouse, bfcache के काम न करने का पता कैसे लगाता है

स्टैंडअलोन नेविगेशन

स्टैंडअलोन नेविगेशन के आखिर में, Lighthouse नेविगेट कर जाएगा और नेविगेशन इतिहास से पेज को वापस लाने की कोशिश करेगा. इससे यह पता चलेगा कि bfcache का इस्तेमाल किया जा रहा है या नहीं.

यूज़र फ़्लो

उपयोगकर्ता फ़्लो चलाते समय, Lighthouse नेविगेशन में bfcache की सक्रिय रूप से जांच नहीं करेगा. ऐसा इसलिए है, क्योंकि हर नेविगेशन के आखिर में पेज से बाहर निकलने और उस पर वापस आने से, पेज पर उपयोगकर्ता के ज़्यादातर अनुभवों की जानकारी नहीं मिलती.

हालांकि, उपयोगकर्ता के सफ़र के हिस्से के तौर पर इतिहास नेविगेशन को शामिल करके, अब भी टाइमस्पैन मोड में bfcache के इस्तेमाल की जांच की जा सकती है. उदाहरण के लिए:

const flow = await startFlow(page);

// This navigation will not test the bfcache
// because it is part of a user flow.
await flow.navigate('https://example.com');

// This timespan will try to restore the page from the bfcache.
// Problems restoring from the bfcache are surfaced in this report.
await flow.startTimespan();
await page.goto('https://example2.com');
await page.goBack();
await flow.endTimespan();

bfcache के काम न करने की वजहें

अगर किसी वजह से पेज को bfcache से वापस नहीं लाया जा सका, तो ऑडिट पूरा नहीं होगा. Lighthouse, bfcache का इस्तेमाल न किए जाने की वजहों की सूची बनाएगा. साथ ही, उस फ़्रेम की जानकारी भी देगा जिसकी वजह से समस्या हुई है. पुष्टि न होने की वजहें तीन तरह की हो सकती हैं:

  • कार्रवाई की जा सकती है: कैश मेमोरी का इस्तेमाल करने की सुविधा चालू करने के लिए, इन समस्याओं को ठीक किया जा सकता है.
  • सहायता मिलना बाकी है: Chrome पर फ़िलहाल इन सुविधाओं का इस्तेमाल नहीं किया जा सकता. इसलिए, ये कैश मेमोरी में सेव होने से रोकती हैं. हालांकि, Chrome में इन सुविधाओं के काम करने के बाद, ये पाबंदियां हटा दी जाती हैं.
  • कार्रवाई नहीं की जा सकती: इस पेज पर मौजूद समस्याओं को ठीक नहीं किया जा सकता. पेज के कंट्रोल से बाहर की कोई वजह, कैश मेमोरी में पेज सेव होने से रोकती है.

लाइटहाउस के बैक/फ़ॉरवर्ड कैश मेमोरी ऑडिट के नतीजे का उदाहरण

संसाधन