ऐप्लिकेशन का कॉन्टेंट कैश करना

Cloud CDN, App Hosting's आपके वेब ऐप्लिकेशन के लिए सहायता का अहम हिस्सा है. आपके बैकएंड पर किया जाने वाला हर अनुरोध, सबसे पहले Cloud CDN के ज़रिए जाता है. सीडीएन में पहले से कैश किया गया कॉन्टेंट, उपयोगकर्ता को तुरंत वापस भेज दिया जाता है. इससे, आपके वेब ऐप्लिकेशन के सर्वर कोड को चलाने वाली Cloud Run सेवा पर जाने की ज़रूरत नहीं पड़ती. सीडीएन के सामान्य फ़ायदों के बारे में ज़्यादा जानने के लिए, web.dev पर जाएं.

App Hosting Cloud CDN का बुनियादी कॉन्फ़िगरेशन सेट करता है. इसमें बदलाव नहीं किया जा सकता. हालांकि, कैश मेमोरी को ऑप्टिमाइज़ करने के लिए, कई काम किए जा सकते हैं. इससे, पेज लोड होने की स्पीड बढ़ाई जा सकती है, कैश न किए गए कॉन्टेंट के लिए बिलिंग कम की जा सकती है, और Cloud Run पर ट्रैफ़िक कम किया जा सकता है.

कैश किया जा सकने वाला कॉन्टेंट

Cloud CDN, रिस्पॉन्स को कैश मेमोरी में तब सेव करता है, जब ये सभी शर्तें पूरी होती हैं:

1. अनुरोध, GET अनुरोध हो

2. रिस्पॉन्स का स्टेटस कोड 200, 203, 204, 206, 300, 301, 302, 307, 308, 404, 405, 410, 421, 451 या 501 हो.

3. रिस्पॉन्स में Cache-Control हेडर के साथ max-age या s-maxage डायरेक्टिव हो या Expires हेडर के साथ, आने वाले समय का टाइमस्टैंप हो.

4. रिस्पॉन्स में Age हेडर हो या Cache-Control हेडर के साथ, साफ़ तौर पर public डायरेक्टिव हो.

5. रिस्पॉन्स का साइज़ 10 MiB से कम या इसके बराबर हो.

और इनमें से कोई भी शर्त पूरी न होती हो:

1. रिस्पॉन्स में Set-Cookie हेडर हो

2. रिस्पॉन्स में Vary हेडर के साथ, Accept, Accept-Encoding, Access-Control-Request-Headers, Access-Control-Request-Method, Origin, Sec-Fetch-Dest, Sec-Fetch-Mode, Sec-Fetch-Site, X-Goog-Allowed-Resources, X-Origin, RSC, Next-Router-State-Tree, Next-Router-Prefetch, या Next-Router-Segment-Prefetch के अलावा कोई दूसरी वैल्यू हो.

3. रिस्पॉन्स में Cache-Control हेडर के साथ, no-store या private डायरेक्टिव हो.

4. अनुरोध में Cache-Control हेडर के साथ, no-store डायरेक्टिव हो.

5. अनुरोध में Authorization हेडर हो. हालांकि, ऐसा तब नहीं होगा, जब रिस्पॉन्स में साफ़ तौर पर कैश कंट्रोल डायरेक्टिव मौजूद हो.

कैश कंट्रोल डायरेक्टिव की मदद से, व्यवहार को पसंद के मुताबिक बनाना

  /** @type {import('next').NextConfig} */
  const nextConfig = {
      headers: async () => [{
          source: "/YOUR_PRIVATE_PAGE",
          headers: [{
              key: "Cache-Control",
              value: "private"
          }],
      }],
  };

import { RenderMode, ServerRoute } from '@angular/ssr';

export const serverRoutes: ServerRoute[] = [
  {
    path: '**',
    renderMode: RenderMode.Prerender,
    headers: {
      'Cache-Control': 'public, max-age=3600',
    }
  }
];

import { RenderMode, ServerRoute } from '@angular/ssr';

export const serverRoutes: ServerRoute[] = [
  // ... other routes
  {
    path: 'YOUR_PRIVATE_PAGE',
    renderMode: RenderMode.Server,
    headers: {
      'Cache-Control': 'private',
    }
  }
];

मान्य डायरेक्टिव

Firebase App Hosting का Cloud CDN इंस्टेंस, कैश कंट्रोल के इन डायरेक्टिव का पालन करता है:

कैश किए गए और कैश न किए गए ट्रैफ़िक का आकलन करना

Firebase कंसोल में, App Hosting > इस्तेमाल टैब में, "Cloud CDN - आउटगोइंग बैंडविथ" ग्राफ़ में, कैश किए गए और कैश न किए गए बाइट दिखाए जाते हैं, और इसमें हर रोलआउट के लिए एक निशान होता है. इस ग्राफ़ का इस्तेमाल करके, कैश ऑप्टिमाइज़ेशन की कोशिशों की परफ़ॉर्मेंस का आकलन किया जा सकता है.

रूट-आधारित मॉनिटरिंग की मदद से, अपने वेब ऐप्लिकेशन के खास रूट के लिए, कैश हिट रेट भी देखा जा सकता है.