찾다
운영 및 유지보수엔진스nginx에서 브라우저 캐싱을 어떻게 구성합니까?

nginx에서 브라우저 캐싱을 어떻게 구성합니까?

Nginx에서 브라우저 캐싱을 구성하려면 Nginx 구성 파일을 수정해야합니다. 일반적으로 여기에는 구성의 http , server 또는 location 블록에 지시문이 추가됩니다. 단계별 가이드는 다음과 같습니다.

  1. NGINX 구성 파일 열기 : 시스템에 따라 기본 NGINX 구성 파일은 종종 /etc/nginx/nginx.conf 에 있거나 /etc/nginx/sites-available/ directory 내에 있습니다.
  2. 브라우저 캐싱 지침 추가 : 적절한 블록에서 다음 지침을 추가하여 브라우저 캐싱을 활성화하십시오.

     <code class="nginx">location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ { expires 30d; add_header Cache-Control "public, no-transform"; }</code>

    이 예제는 일반적으로 정적 자산 인 지정된 확장자가있는 파일에 대한 30 일 만료를 설정합니다. 원하는 캐시 수명을 설정하기 위해 expires 지침을 조정하십시오.

  3. 구성 테스트 : nginx를 다시 시작하기 전에 구문 오류에 대한 구성을 테스트하십시오.

     <code class="sh">sudo nginx -t</code>
  4. Nginx를 다시 시작 : 테스트가 성공하면 Nginx를 다시 시작하여 변경 사항을 적용하십시오.

     <code class="sh">sudo systemctl restart nginx</code>

    또는

     <code class="sh">sudo service nginx restart</code>

이 단계를 수행하면 Nginx의 정적 자산에 대한 브라우저 캐싱이 구성됩니다.

Nginx로 브라우저 캐싱을 활성화하면 어떤 이점이 있습니까?

Nginx를 사용하여 브라우저 캐싱을 활성화하면 몇 가지 중요한 이점이 있습니다.

  • 서버로드 감소 : 클라이언트 측의 정적 자산을 캐싱함으로써 서버는 이러한 파일에 대한 요청이 적어 서버로드를 줄이고 전반적인 성능을 향상시킬 수 있습니다.
  • 더 빠른 페이지로드 시간 : 캐시 된 파일은 서버에서 가져 오지 않고 사용자의 브라우저에서 직접로드하여 페이지로드 시간이 빠르고 더 나은 사용자 경험을 제공합니다.
  • 대역폭 절약 : 정적 자산은 로컬로 저장되므로 네트워크를 통해 전송되는 데이터 양이 줄어들어 대역폭 절약을 초래할 수 있습니다.
  • 확장 성 개선 : 요청이 적기 때문에 서버에서로드가 줄어들면 Nginx 서버는 더 많은 동시 연결을 처리하고 더 많은 사용자에게 효율적으로 서비스를 제공 할 수 있습니다.
  • 더 나은 SEO 성능 : 페이지 속도가 검색 엔진 알고리즘의 요소이기 때문에 더 빠른 페이지로드 시간으로 인해 사이트의 검색 엔진 순위가 향상 될 수 있습니다.

전반적으로 Nginx를 사용하여 브라우저 캐싱을 활성화하는 것은 웹 응용 프로그램의 성능, 효율성 및 확장 성을 향상시키는 간단한 방법입니다.

Nginx에서 브라우저 캐싱이 올바르게 작동하는지 어떻게 확인할 수 있습니까?

Nginx에서 브라우저 캐싱이 올바르게 작동하는지 확인하려면 다음을 수행 할 수 있습니다.

  1. HTTP 응답 헤더 확인 : curl 과 같은 도구 또는 브라우저 개발자 도구를 사용하여 정적 자산의 HTTP 헤더를 검사하십시오.

     <code class="sh">curl -I https://example.com/static/image.jpg</code>

    Cache-Control 찾고 헤더가 Expires . Nginx 구성에 따라 설정되면 캐싱이 작동하고 있음을 나타냅니다.

  2. 브라우저 개발자 도구 사용 : 브라우저에서 웹 사이트를 열고 개발자 도구의 네트워크 탭으로 이동 한 다음 페이지를 새로 고치십시오. 정적 자산의 상태 코드와 헤더를보십시오. 캐시 된 파일에는 마지막 요청 이후 서버가 파일이 변경되지 않았다는 것을 확인한 경우 "200 OK (Disk Cache)"또는 "304 수정되지 않은"과 같은 상태 코드가 있어야합니다.
  3. 다른 브라우저로 테스트하십시오 : 캐싱 동작이 다른 브라우저에서 일관되어 있는지 확인하여 호환성을 보장합니다.
  4. 정적 자산 수정 : 이미지 또는 CSS 파일 업데이트와 같이 정적 자산을 약간 변경 한 다음 브라우저가 새 버전을 즉시 가져 오는지 확인하십시오. 브라우저가 만료 시간까지 캐시 된 버전을 사용하는 경우 캐싱이 예상대로 작동합니다.

이 단계를 수행하면 Nginx 설정에서 브라우저 캐싱이 올바르게 작동하는지 확인할 수 있습니다.

Nginx에서 캐시 만료 설정을 얼마나 자주 업데이트해야합니까?

NGINX에서 캐시 만료 설정을 업데이트 해야하는 빈도는 특정 사용 사례와 컨텐츠의 특성에 따라 다릅니다. 일반적인 지침은 다음과 같습니다.

  • 정적 자산 : 자주 변경되지 않는 이미지, CSS 및 JavaScript 파일과 같은 정적 자산의 경우 긴 만료 기간 (예 : 30 일 이상)을 설정하고 아마도 주요 사이트 업데이트 또는 재 설계 중에 설정을 자주 업데이트 할 수 있습니다.
  • 동적 컨텐츠 : 프로모션 배너 또는 계절 그래픽과 같이 더 자주 변경되는 자산의 경우 사용자가 최신 버전을 볼 수 있도록 만료 설정을 매주 또는 매월 더 자주 조정해야 할 수도 있습니다.
  • 버전 제어 : 파일 이름 (예 : style.v1234.css )에서 버전을 구현하면 업데이트 된 컨텐츠를 계속 제공하면서 긴 캐시 만료 시간을 유지할 수 있습니다. 버전 작성 전략을 변경하는 경우 캐시 만료 설정 만 업데이트하면됩니다.
  • 성능 모니터링 : 웹 사이트의 성능 및 사용자 경험 메트릭을 정기적으로 모니터링합니다. 캐싱과 관련된 문제 (예 : 캐시 미스로 인한 구식 콘텐츠 또는 느린 페이지로드)를 발견하면 그에 따라 만료 설정을 조정해야 할 수도 있습니다.
  • 콘텐츠 전략 변경 :보다 빈번한 업데이트로 이동하거나 덜 빈번한 컨텐츠 릴리스로 이동하는 것과 같은 콘텐츠 전략이 변경되면 이러한 변경 사항에 맞게 캐시 만료 설정을 조정해야합니다.

일반적으로 몇 달마다 또는 사이트가 상당한 변경이 발생할 때 캐시 만료 설정을 검토하여 성능 및 사용자 경험 목표를 효과적으로 계속 제공하는 것이 좋습니다.

위 내용은 nginx에서 브라우저 캐싱을 어떻게 구성합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
Nginx 장치 사용 : 응용 프로그램 배포 및 관리Nginx 장치 사용 : 응용 프로그램 배포 및 관리Apr 22, 2025 am 12:06 AM

NginxUnit을 사용하여 여러 언어로 응용 프로그램을 배포하고 관리 할 수 ​​있습니다. 1) nginxunit을 설치하십시오. 2) Python 및 PHP와 같은 다른 유형의 응용 프로그램을 실행하도록 구성하십시오. 3) 응용 프로그램 관리에 동적 구성 기능을 사용하십시오. 이러한 단계를 통해 응용 프로그램을 효율적으로 배포하고 관리하고 프로젝트 효율성을 향상시킬 수 있습니다.

Nginx vs. Apache : 웹 서버의 비교 분석Nginx vs. Apache : 웹 서버의 비교 분석Apr 21, 2025 am 12:08 AM

Nginx는 높은 동시 연결을 처리하는 데 더 적합한 반면 Apache는 복잡한 구성 및 모듈 확장이 필요한 시나리오에 더 적합합니다. 1.NGINX는 고성능 및 낮은 자원 소비로 유명하며 높은 동시성에 적합합니다. 2. Aapache는 안정성과 풍부한 모듈 확장으로 유명하며 복잡한 구성 요구에 적합합니다.

Nginx 장치의 장점 : 유연성과 성능Nginx 장치의 장점 : 유연성과 성능Apr 20, 2025 am 12:07 AM

NginxUnit은 동적 구성 및 고성능 아키텍처로 응용 프로그램 유연성 및 성능을 향상시킵니다. 1. 동적 구성을 사용하면 서버를 다시 시작하지 않고 응용 프로그램 구성을 조정할 수 있습니다. 2. 고성능은 이벤트 중심 및 비 블로킹 아키텍처 및 다중 프로세스 모델에 반영되며 동시 연결을 효율적으로 처리하고 멀티 코어 CPU를 활용할 수 있습니다.

Nginx vs. Apache : 성능, 확장 성 및 효율성Nginx vs. Apache : 성능, 확장 성 및 효율성Apr 19, 2025 am 12:05 AM

Nginx와 Apache는 성능, 확장 성 및 효율성 측면에서 고유 한 장점과 단점을 가진 강력한 웹 서버입니다. 1) NGINX는 정적 컨텐츠를 처리하고 역전 프록시를 처리 할 때 잘 수행되며 동시 동시성 시나리오에 적합합니다. 2) Apache는 동적 컨텐츠를 처리 할 때 더 나은 성능을 발휘하며 풍부한 모듈 지원이 필요한 프로젝트에 적합합니다. 서버 선택은 프로젝트 요구 사항 및 시나리오에 따라 결정해야합니다.

궁극적 인 대결 : Nginx vs. Apache궁극적 인 대결 : Nginx vs. ApacheApr 18, 2025 am 12:02 AM

Nginx는 높은 동시 요청을 처리하는 데 적합한 반면 Apache는 복잡한 구성 및 기능 확장이 필요한 시나리오에 적합합니다. 1.NGINX는 이벤트 중심의 비 블로킹 아키텍처를 채택하며, 대결 환경에 적합합니다. 2. Apache는 프로세스 또는 스레드 모델을 채택하여 복잡한 구성 요구에 적합한 풍부한 모듈 생태계를 제공합니다.

NGINX의 행동 : 예제 및 실제 응용 프로그램NGINX의 행동 : 예제 및 실제 응용 프로그램Apr 17, 2025 am 12:18 AM

Nginx는 웹 사이트 성능, 보안 및 확장 성을 향상시키는 데 사용될 수 있습니다. 1) 리버스 프록시 및로드 밸런서로서 Nginx는 백엔드 서비스를 최적화하고 트래픽을 공유 할 수 있습니다. 2) 이벤트 중심 및 비동기 아키텍처를 통해 Nginx는 높은 동시 연결을 효율적으로 처리합니다. 3) 구성 파일을 사용하면 정적 파일 서비스 및로드 밸런싱과 같은 규칙을 유연하게 정의 할 수 있습니다. 4) 최적화 제안에는 GZIP 압축 활성화, 캐시 사용 및 작업자 프로세스 조정이 포함됩니다.

NGINX 장치 : 다양한 프로그래밍 언어를 지원합니다NGINX 장치 : 다양한 프로그래밍 언어를 지원합니다Apr 16, 2025 am 12:15 AM

NginxUnit은 여러 프로그래밍 언어를 지원하며 모듈 식 디자인을 통해 구현됩니다. 1. 언어 모듈로드 : 구성 파일에 따라 해당 모듈을로드합니다. 2. 응용 프로그램 시작 : 호출 언어가 실행될 때 응용 프로그램 코드를 실행합니다. 3. 요청 처리 : 응용 프로그램 인스턴스로 요청을 전달하십시오. 4. 응답 반환 : 처리 된 응답을 클라이언트에 반환합니다.

nginx와 apache 사이의 선택 : 필요에 맞는 적합nginx와 apache 사이의 선택 : 필요에 맞는 적합Apr 15, 2025 am 12:04 AM

Nginx와 Apache는 고유 한 장점과 단점이 있으며 다른 시나리오에 적합합니다. 1.NGINX는 높은 동시성 및 낮은 자원 소비 시나리오에 적합합니다. 2. Apache는 복잡한 구성 및 풍부한 모듈이 필요한 시나리오에 적합합니다. 핵심 기능, 성능 차이 및 모범 사례를 비교하면 요구에 가장 적합한 서버 소프트웨어를 선택할 수 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기