caching - Firebase होस्टिंग में ब्राउज़र कैशिंग का लाभ उठाने के लिए कैसे करें



http-headers firebase-hosting (1)

मैंने Google के फायरबसे पर अपना व्यक्तिगत ब्लॉग होस्ट किया है मेरा ब्लॉग जेकाइल पर आधारित है फायरबेज, firebase.json फ़ाइल प्रदान करता है जहां से प्रोजेक्ट के मालिक http शीर्षलेख को संशोधित कर सकते हैं।

मेरे पास मेरी सीएसएस फाइल है https://blogprime.com/assets/css/init.css और https://blogprime.com/assets/css/init.css मेरे फोंट (http कैश नियंत्रण काम नहीं कर रहा है)

मेरी छवियां अंदर संग्रहित हैं: https://blogprime.com/assets/img/imagename.entension (http कैश नियंत्रण कार्य)।

भले ही दोनों छवियां और सीएसएस, फोंट रूट से गहरे दो दिशाएं हैं।

अब मेरे .json फ़ाइल कोड को भेजता है ..

{"hosting": 
    {"public": "public",
    "headers": [
        {"source" : "**/*[email protected](eot|otf|ttf|ttc|woff|css)",
        "headers" : [
            {"key" : "Access-Control-Allow-Origin",
            "value" : "*"}]
        }, 
        {"source" : "**/*[email protected](jpg|jpeg|gif|png)",
        "headers" : [
            {"key" : "Cache-Control",
            "value" : "max-age=30672000"
            }]
        }, 
        {"source" : "404.html",
        "headers" : [
            {"key" : "Cache-Control",
            "value" : "max-age=300"
            }]
        }]
    }
}

यह मेरी छवियों को जोड़ने से पहले और सब कुछ कैश जीवन काल के 1 घंटे के होते हैं .... लेकिन अब फ़ॉन्ट फाइलों के साथ केवल मेरी सीएसएस फाइलें 1 घंटे का कैश जीवन काल हो रही हैं।

क्या आप कृपया मुझे बता सकते हैं कि मेरी सीएसएस फ़ाइलों के लिए "लीवरेज ब्राउज़र कैशिंग" को ठीक कैसे करें मुझे लगता है कि उनकी निर्देशिका लिंक संरचना के साथ उनकी कुछ समस्या है जो मेरे पास "स्रोत" है: " /*[email protected](eot|otf|ttf|ttc|woff|css) ", मुझे सच में पता नहीं है कि इसे कैसे तय किया जाए।

आप Google pagespeed परीक्षण की जांच कर सकते हैं ..

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fblogprime.com%2Fwordpress%2Fdns-prefetch-in-wordpress.html


मैं सिर्फ अपना पोर्टफोलियो वेबसाइट 99/100 बना देता हूं

Google का कहना है:

हम एक सप्ताह के न्यूनतम कैश समय की सिफारिश करते हैं और स्थिर परिसंपत्तियों के लिए अधिमानतः एक साल तक

    "headers": [ {
      "source" : "**/*[email protected](eot|otf|ttf|ttc|woff|font.css)",
      "headers" : [ {
        "key" : "Access-Control-Allow-Origin",
        "value" : "*"
      } ]
    }, {
      "source" : "**/*[email protected](js|css)",
      "headers" : [ {
        "key" : "Cache-Control",
        "value" : "max-age=604800"
      } ]
    }, {
      "source" : "**/*[email protected](jpg|jpeg|gif|png)",
      "headers" : [ {
        "key" : "Cache-Control",
        "value" : "max-age=604800"
      } ]
    }, {
      // Sets the cache header for 404 pages to cache for 5 minutes
      "source" : "404.html",
      "headers" : [ {
        "key" : "Cache-Control",
        "value" : "max-age=300"
      } ]
    } ]

इसका प्रयोग करें, यह मेरे लिए काम करता है





firebase-hosting