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

Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.

Cloud CDN là một phần quan trọng trong dịch vụ hỗ trợ của App Hosting cho ứng dụng web của bạn. Mọi yêu cầu đến phần phụ trợ của bạn đề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 lập tức cho người dùng, bỏ qua 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 CDN cơ bản trên đám mây do App Hosting thiết lập và không thể chỉnh sửa, nhưng bạn có thể làm một số việc để tối ưu hoá việc lưu vào bộ nhớ đệm nhằm tăng tốc độ tải trang, giảm nội dung không được lưu vào bộ nhớ đệm nhưng vẫn bị tính phí và giảm thiểu lưu lượng truy cập đến 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Ả đ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 là đú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 với 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',
    }
  }
];

Lệnh được tôn trọng

Phiên bản CDN trên đám mây của App Hosting Firebase tuân theo các lệnh điều khiển bộ nhớ đệm sau:

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

Biểu đồ "Cloud CDN – Băng thông đi" trong thẻ Sử dụng của bảng điều khiển App Hosting cho biết số byte được lưu vào bộ nhớ đệm và không đượ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 mức độ hiệu quả của các nỗ lực tối ưu hoá bộ nhớ đệm.