แคชเนื้อหาแอป

จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ

Cloud CDN เป็นส่วนสําคัญของการสนับสนุนเว็บแอปจาก App Hosting คําขอทั้งหมดที่ส่งไปยังแบ็กเอนด์จะผ่าน Cloud CDN ก่อน ระบบจะแสดงเนื้อหาที่แคชไว้ใน CDN กลับไปยังผู้ใช้ทันที โดยข้ามบริการ Cloud Run ที่เรียกใช้โค้ดเซิร์ฟเวอร์ของเว็บแอป ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อดีทั่วไปของ CDN ได้ที่ 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',
    }
  }
];

คำสั่งที่เคารพ

อินสแตนซ์ Cloud CDN ของ Firebase App Hosting ปฏิบัติตามคำสั่งควบคุมแคชต่อไปนี้

วัดการเข้าชมที่แคชไว้และไม่ได้แคชไว้

กราฟ "Cloud CDN - แบนด์วิดท์ขาออก" ในแท็บการใช้งานของคอนโซล App Hosting จะแสดงจำนวนไบต์ที่แคชไว้และไม่ได้แคชไว้ซึ่งให้บริการ และมีเครื่องหมายสำหรับแต่ละการเปิดตัว คุณสามารถใช้กราฟนี้เพื่อวัดประสิทธิภาพของการเพิ่มประสิทธิภาพแคช