nodejs에서 이미지 캐시를 설정하는 방법

현대 웹사이트에서 이미지는 중요한 역할을 합니다. 아름다운 것 외에도 웹 사이트의 속도와 성능을 최적화할 수도 있습니다. 그러나 사용자가 사이트를 방문할 때마다 이미지를 다시 다운로드하면 로딩 시간이 느려질 수 있습니다. 이것이 바로 이미지 캐싱이 하는 일입니다. 이 글에서는 Node.js 웹사이트를 최적화하기 위해 이미지 캐싱을 설정하는 방법을 살펴보겠습니다.

이미지 캐싱이란 무엇인가요?

이미지 캐싱은 사용자가 웹사이트를 방문할 때마다 동일한 이미지를 다시 다운로드하지 않도록 다운로드한 이미지를 로컬 저장소에 저장하는 것을 말합니다. 이미지를 다시 다운로드해야 하는 횟수를 줄임으로써 웹사이트의 로딩 속도를 크게 향상시킬 수 있습니다. 사용자가 페이지를 다시 방문하면 브라우저는 먼저 동일한 이미지가 로컬 저장소에 이미 존재하는지 확인합니다. 있는 경우 이미지는 서버에서 다시 다운로드되지 않고 로컬 저장소에서 직접 로드됩니다.

이미지 캐싱 설정

이미지 캐싱을 설정하려면 HTTP 헤더를 사용하여 새 이미지를 로드해야 하는 시기와 이미 캐시된 이미지를 로드해야 하는 시기를 브라우저에 알려야 합니다. 이는 Cache-Control 및 Expires 헤더를 사용하여 달성할 수 있습니다.

Cache-Control 헤더는 가장 널리 사용되는 옵션이며 이를 통해 리소스별 캐싱 동작을 지정할 수 있습니다. 응답 헤더에 Cache-Control을 설정하면 브라우저에 리소스를 캐시할 기간을 알려주거나 리소스를 캐시해야 하는 조건을 브라우저에 알릴 수 있습니다.

//샘플 코드: 브라우저가 1년 동안 정적 리소스 파일을 캐시하도록 허용
app.use(express.static('public', { maxAge: '1y' }))

이 코드는 브라우저에 정적 리소스를 캐시하라고 지시합니다. 파일 1년. 이런 방식으로 사용자가 처음으로 웹 사이트를 방문하면 모든 정적 리소스 파일이 캐시되며 다음 해에는 다시 다운로드할 필요가 없습니다.

이미지 캐싱을 설정하는 또 다른 방법은 Expires 헤더를 사용하는 것입니다. Expires를 사용하면 리소스가 만료되어야 하는 시기를 브라우저에 알리고 리소스를 다시 다운로드할 수 있습니다. Expires는 리소스를 다시 획득해야 하는 시기를 브라우저에 알려주는 HTTP 1.0에서 사용되는 메서드입니다.

//샘플 코드: 이미지 캐시 시간을 1년으로 설정
app.get('/images/:name', function(req, res, next) {
res.setHeader('Expires', new Date(Date . now() + 31536000000).toUTCString())
next();
})

이 코드는 브라우저에 이 이미지를 1년 동안 캐시하라고 지시합니다. Expires는 절대 시간이므로 시간대 문제가 있다는 점에 유의해야 합니다. 시간대 문제를 방지하려면 toUTCString() 메서드를 사용하여 시간을 UTC 시간으로 변환해야 합니다.

요약

이 기사에서는 Node.js 웹 애플리케이션의 성능을 향상시키기 위해 이미지 캐싱을 설정하는 방법에 대해 논의했습니다. Cache-Control 및 Expires 헤더를 설명하고 이미지 캐싱 동작을 설정하는 데 도움이 되는 코드 예제를 제공했습니다. 이러한 기술을 사용하면 웹 사이트 로딩 시간을 크게 줄이고, 대역폭 소비를 줄이며, 사용자에게 더 나은 경험을 제공할 수 있습니다. 동시에 캐시에는 수명이 있으므로 콘텐츠의 최신성을 보장하기 위해 적절한 시간에 캐시를 지워야 한다는 점도 기억해야 합니다.

위 내용은 nodejs에서 이미지 캐시를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!