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

Question

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

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

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

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

अब heres मेरी .json फ़ाइल कोड ..

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

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

क्या आप कृपया मुझे बता सकते हैं कि मेरी सीएसएस फ़ाइलों के लिए "लीवरेज ब्राउज़र कैशिंग" को कैसे ठीक किया जाए। मुझे लगता है कि निर्देशिका लिंक संरचना के साथ उनकी कुछ समस्या है जिसमें मेरे पास "स्रोत" है: " /*.@(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

Answer 1

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

गूगल का कहना है:

हम स्थिर संपत्ति के लिए और अच्छा होगा यदि एक वर्ष के लिए एक सप्ताह की एक न्यूनतम कैश समय सलाह देते हैं।

"headers": [ { 
 
     "source" : "**/*.@(eot|otf|ttf|ttc|woff|font.css)", 
 
     "headers" : [ { 
 
     "key" : "Access-Control-Allow-Origin", 
 
     "value" : "*" 
 
     } ] 
 
    }, { 
 
     "source" : "**/*.@(js|css)", 
 
     "headers" : [ { 
 
     "key" : "Cache-Control", 
 
     "value" : "max-age=604800" 
 
     } ] 
 
    }, { 
 
     "source" : "**/*.@(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" 
 
     } ] 
 
    } ]

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