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

‫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מכבד את ההנחיות הבאות של בקרת מטמון:

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

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