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

קל לארגן דפים בעזרת אוספים אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.

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. גודל התגובה הוא עד 10MB.

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

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 מוצגים הבייטים שסופקו מהמטמון ומחוץ למטמון, ויש סימון לכל השקות. אפשר להשתמש בתרשים הזה כדי למדוד את היעילות של המאמצים שלכם לאופטימיזציה של המטמון.