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ợ ứng dụng web của App Hosting. Mọi yêu cầu đến phần phụ trợ của bạn đều phải thông 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 chuyến đi đến 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ề những lợi ích chung của CDN tại web.dev.

Mặc dù App Hosting đặt cấu hình Cloud CDN cơ bản và bạn không thể sửa đổi cấu hình này, nhưng bạn có thể làm một số việc để tối ưu hoá hoạt động lưu vào 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 phải trả 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à một yêu cầu 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 chỉ thị 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 chỉ thị 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 được đáp ứ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 chỉ thị no-store hoặc private.

4. Yêu cầu có tiêu đề Cache-Control với chỉ thị no-store.

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

Tuỳ chỉnh hành vi bằng các chỉ thị 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 tuân thủ

Phiên bản CDN trên đám mây của Firebase App Hosting tuân theo các chỉ thị 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à không được lưu vào bộ nhớ đệm

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