Lưu nội dung ứng dụng vào bộ nhớ đệm

Cloud CDN là một phần quan trọng trong việc hỗ trợ của App Hosting cho ứng dụng web của bạn. Mọi yêu cầu gửi đến phần phụ trợ đều phải đi qua Cloud CDN trước. Nội dung đã được lưu vào bộ nhớ đệm trong CDN sẽ được phân phát ngay cho người dùng, bỏ qua một lượt truy cập vào dịch vụ Cloud Run đang chạy mã máy chủ của ứng dụng web. Bạn có thể tìm hiểu thêm về các lợi ích chung của CDN tại web.dev.

Mặc dù cấu hình Cloud CDN cơ bản do App Hosting thiết lập và không thể sửa đổi, nhưng bạn có thể thực hiện một số việc để tối ưu hoá bộ nhớ đệm nhằm tăng tốc độ tải trang, giảm nội dung chưa được lưu vào bộ nhớ đệm bị tính phí và giảm thiểu lưu lượng truy cập vào Cloud Run.

Nội dung có thể lưu vào bộ nhớ đệm

Cloud CDN lưu trữ các phản hồi trong bộ nhớ đệm nếu TẤT CẢ các điều kiện sau đây đều đúng:

1. Yêu cầu là GET

2. Phản hồi có mã trạng thái là 200, 203, 204, 206, 300, 301, 302, 307, 308, 404, 405, 410, 421, 451 hoặc 501.

3. Phản hồi có tiêu đề Cache-Control với lệnh max-age hoặc s-maxage, hoặc tiêu đề Expires có dấu thời gian trong tương lai.

4. Phản hồi có tiêu đề Age hoặc tiêu đề Cache-Control với lệnh public rõ ràng.

5. Phản hồi có kích thước nhỏ hơn hoặc bằng 10 MiB.

và KHÔNG CÓ điều kiện nào sau đây đúng:

1. Phản hồi có tiêu đề Set-Cookie

2. Phản hồi có tiêu đề Vary với giá trị khác 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, hoặc Next-Router-Segment-Prefetch.

3. Phản hồi có tiêu đề Cache-Control với lệnh no-store hoặc private.

4. Yêu cầu có tiêu đề Cache-Control với lệnh no-store.

5. Yêu cầu có tiêu đề Authorization, trừ phi phản hồi có lệnh kiểm soát bộ nhớ đệm rõ ràng.

Tuỳ chỉnh hành vi bằng các lệnh kiểm soát bộ nhớ đệm

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

Các lệnh được tôn trọng

Thực thể Cloud CDN của Firebase App Hosting tuân thủ các lệnh kiểm soát bộ nhớ đệm sau đây:

Đo lường lưu lượng truy cập được lưu vào bộ nhớ đệm và chưa được lưu vào bộ nhớ đệm

Trong thẻ App Hosting > Mức sử dụng trong bảng điều khiển Firebase, biểu đồ "Cloud CDN – Băng thông gửi đi" cho thấy các byte được lưu vào bộ nhớ đệm và chưa được lưu vào bộ nhớ đệm đã được phân phát, đồng thời có một dấu cho mỗi lần triển khai. Bạn có thể sử dụng biểu đồ này để đo lường hiệu quả của các nỗ lực tối ưu hoá bộ nhớ đệm.

Bạn cũng có thể xem tỷ lệ kết quả tìm kiếm trong bộ nhớ cache cho các tuyến đường cụ thể trong ứng dụng web của mình bằng tính năng Giám sát dựa trên tuyến đường.