# 瀏覽器快取與緩存（Expires, Last-modified, Cache-Control）

## 瀏覽器快取與緩存（Expires, Last-modified, Cache-Control）

Server 端總共有三種用時間來設定的 cache：

## Expires

我們一樣使用 Node.js server，然後把回應改為以下：

```javascript
res.setHeader("Expires", new Date("2025-02-10").toUTCString())
res.end('123');
```

只要 Expires 後面的參數是未來的時間都會進行緩存。（disk cache）

![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4jQDZdh77q5o___1%2F%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7%202019-07-03%20%E4%B8%8B%E5%8D%886.19.27.png?generation=1582596305007709\&alt=media)

## Last-modified

與 Expires 相反，只要是日期是過去式都會被快取。

```javascript
res.setHeader("Last-modified", new Date("2005-02-10").toUTCString())
```

> 記得要用UTCString

## Cache-Control

max-age 單位為秒。

```
res.setHeader('Cache-Control', 'public, max-age=3');
```

超過三秒後要重新去取資料，所以可以一直按重新整理網頁，可以發現三秒後會重新要資料。

> ```
> private cache (瀏覽器快取)
> public cache (CDN )
> ```

<https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=zh-tw>