इस गाइड में, Chrome DevTools का इस्तेमाल करके ये काम करने का तरीका बताया गया है:
- ब्राउज़र के 'वापस जाएं' और 'आगे बढ़ें' बटन का इस्तेमाल करते समय, देखें कि आपने पेज को झटपट लोड करने के लिए ऑप्टिमाइज़ किया है या नहीं.
- उन समस्याओं की पहचान करें जो आपके पेज को इस तरह की कैश मेमोरी में सेव होने से रोक सकती हैं.
बैक/फ़ॉरवर्ड कैश मेमोरी (या bfcache) एक ब्राउज़र ऑप्टिमाइज़ेशन है, जो तुरंत पीछे और आगे जाने की सुविधा देता है. ज़्यादा जानकारी के लिए, बैक/फ़ॉरवर्ड कैश मेमोरी पर जाएं.
बैक-फ़ॉरवर्ड कैश मेमोरी की जांच करें
बैक-फ़ॉरवर्ड कैश मेमोरी की जांच करने के लिए, यह तरीका अपनाएं:
अपने पेज पर, DevTools खोलें. इसके बाद, ऐप्लिकेशन > बैकग्राउंड सेवाएं > बैक/फ़ॉरवर्ड कैश मेमोरी पर जाएं.
बैक/फ़ॉरवर्ड कैश मेमोरी की जांच करें पर क्लिक करें.
Chrome अपने-आप आपको
chrome://terms/
पर और आपके पेज पर वापस ले जाता है.इसके अलावा, ब्राउज़र के 'वापस जाएं' और 'आगे बढ़ें' बटन पर भी क्लिक किया जा सकता है.
अगर आपके पेज के लिए, बैक-फ़ॉरवर्ड कैश मेमोरी की सुविधा बिना किसी समस्या के काम कर रही है, तो आपको यह मैसेज दिखेगा:
ऐसा न होने पर, आपको समस्याओं की सूची दिखेगी.
यह जानने के लिए कि किन समस्याओं की वजह से फ़्रेम पर असर पड़ता है, फ़्रेम सेक्शन को बड़ा करें.
कैश मेमोरी में सेव होने से रोकने वाली समस्याओं को हल करना
अगर आपका पेज, बैक-फ़ॉरवर्ड कैश मेमोरी की सुविधा का इस्तेमाल नहीं कर सकता, तो बैक/फ़ॉरवर्ड कैश मेमोरी टैब में, आपको इन तीन वजहों की सूची दिखेगी:
- कार्रवाई करने की ज़रूरत है. कैश मेमोरी में सेव करने की सुविधा चालू करने के लिए, इन समस्याओं को हल किया जा सकता है. उदाहरण के लिए,
unload
इवेंट का इस्तेमाल बंद करें. - सहायता होनी बाकी है. Chrome में ये सुविधाएं अभी काम नहीं करती हैं. इसलिए, ये कैश मेमोरी में सेव होने से रोकती हैं. हालांकि, एक बार समर्थित हो जाने पर, Chrome इन सीमाओं को हटा देता है.
- कार्रवाई नहीं की जा सकती. आपके पास इस पेज पर इन समस्याओं को ठीक करने का विकल्प नहीं है. पेज के कंट्रोल से बाहर की कोई चीज़, कैश मेमोरी में सेव होने से रोकती है.
यह देखने के लिए कि कौनसा फ़्रेम ब्लॉक किया गया है, समस्या की जानकारी में जाकर, उससे जुड़े सेक्शन को बड़ा करें.
ऐसी सामान्य समस्याएं जो बैक-फ़ॉरवर्ड कैश मेमोरी में सेव करने से रोकती हैं
bfcache को चलने से रोकने की दो मुख्य वजहें ये हैं:
-
हेडर की इस वैल्यू का सुझाव, उन पेजों के लिए दिया जाता है जिनमें निजी और निजी जानकारी होती है. उन पेजों के लिए
no-cache
इस्तेमाल करें जिन्हें आपको समय-समय पर अपडेट करना है. उदाहरण के लिए,max-age=60
. -
Chrome अनलोड हैंडलर बंद करने वाला है. साथ ही, वह कभी भी
unload
इवेंट का इस्तेमाल न करने का सुझाव देता है.यह पक्का करने के लिए कि आपकी वेबसाइट, अनलोड हैंडलर का इस्तेमाल नहीं करती और उदाहरण के लिए, एक्सटेंशन को
unload
इवेंट जोड़ने से रोकती है, तोPermissions-Policy: unload=()
एचटीटीपी रिस्पॉन्स हेडर दिखाएं.