שמירת תוכן האפליקציה במטמון

‫Cloud CDN הוא חלק חשוב בתמיכה של App Hosting באפליקציית האינטרנט שלכם. כל בקשה לשרת העורפי עוברת קודם דרך Cloud CDN. תוכן שכבר נמצא במטמון ב-CDN מוחזר מיד למשתמש, בלי לעבור דרך שירות Cloud Run שמריץ את קוד השרת של אפליקציית האינטרנט. מידע נוסף על היתרונות הכלליים של רשתות CDN זמין בכתובת web.dev.

ההגדרה הבסיסית של Cloud CDN מוגדרת על ידי App Hosting ואי אפשר לשנות אותה, אבל יש כמה דברים שאפשר לעשות כדי לייעל את השמירה במטמון, לשפר את מהירות טעינת דפים, לצמצם את כמות התוכן שלא נשמר במטמון שמחויב עליו ולמזער את תעבורת הנתונים אל 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. גודל התשובה הוא 10MiB או פחות.

וגם אף אחד מהתנאים הבאים לא מתקיים:

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',
    }
  }
];

הוראות שהמערכת פועלת לפיהן

מופע Cloud CDN של Firebase App Hostingמכבד את ההנחיות הבאות של בקרת מטמון:

מדידת תנועה במטמון ותנועה שלא במטמון

בכרטיסייה App Hosting > Usage במסוף Firebase, בגרף Cloud CDN - Outgoing Bandwidth מוצגים בייטים ששירתו ממטמון ובייטים שלא שירתו ממטמון, ויש סימן לכל השקה. אפשר להשתמש בתרשים הזה כדי למדוד את היעילות של מאמצי האופטימיזציה של המטמון.

אפשר גם לראות את שיעור הפגיעה במטמון של מסלולים ספציפיים באפליקציית האינטרנט באמצעות מעקב לפי מסלול.