WordPress에 Expires 헤더를 추가하는 방법(단계별)

최근 게시물 게시판 wordpress WordPress에 Expires 헤더를 추가하는 방법(단계별)

  • WordPress에서 만료 헤더를 추가하는 방법을 배우고 싶습니까?

    Expires 헤더는 방문자의 브라우저 캐시 또는 서버에서 이미지와 같은 웹 페이지 리소스를 로드할지 여부를 웹 브라우저에 알리는 규칙입니다. 이는 사이트의 성능을 개선하는 데 도움이 될 수 있습니다.

    이 기사에서는 WordPress에서 만료 헤더를 추가하는 두 가지 방법을 보여줍니다.

    WordPress에서 Expires 헤더는 어떻게 사용됩니까?

    누군가 귀하의 웹페이지를 처음 방문할 때 워드프레스 사이트, 모든 파일이 하나씩 로드됩니다. 브라우저와 WordPress 호스팅 서버 간의 이러한 모든 요청은 웹 페이지 로딩 시간을 증가시킵니다.

    브라우저 캐싱 방문자의 컴퓨터에 해당 파일의 일부 또는 전부를 저장합니다. 즉, 다음에 페이지를 방문할 때 자신의 컴퓨터에서 파일을 로드할 수 있으며, WordPress 성능 향상.

    이제 브라우저가 저장할 파일과 보관 기간을 어떻게 알 수 있는지 궁금할 것입니다.

    그것이 만료 헤더가 들어오는 곳입니다.

    저장할 파일과 저장 기간에 대한 규칙은 다음 중 하나를 사용하여 설정합니다. 헤더 만료 또는 캐시 제어 헤더. 이 기사에서는 대부분의 사용자가 설정하기 더 쉽기 때문에 만료 헤더에 중점을 둘 것입니다.

    Expires 헤더는 브라우저 캐시에 저장된 각 파일 유형의 만료 날짜를 설정합니다. 그 날짜 이후에는 방문자에게 페이지의 최신 버전을 제공하기 위해 파일이 서버에서 다시 로드됩니다.

    두 가지 다른 방법을 사용하여 만료 헤더를 추가하는 방법을 보여 드리겠습니다. 첫 번째 방법이 더 쉽고 대부분의 사용자에게 권장됩니다. 아래 링크를 클릭하여 원하는 섹션으로 이동할 수 있습니다.

    방법 1: WP Rocket WordPress 플러그인으로 만료 헤더 추가

    WP 로켓 가장 초보자 친화적입니다 워드프레스 캐싱 플러그인 마트에서. 활성화되면 다른 많은 캐싱 플러그인과 같은 복잡한 구성 설정을 복잡하게 하지 않고도 사이트 속도를 즉시 높일 수 있습니다.

    WP Rocket은 프리미엄 플러그인이지만 가장 좋은 점은 모든 기능이 최저 요금제에 포함되어 있다는 것입니다.

    HP 로켓

    가장 먼저해야 할 일은 설치하고 활성화하는 것입니다. WP 로켓 플러그인. 자세한 내용은 단계별 가이드를 참조하세요. WordPress 플러그인을 설치하는 방법.

    설치 및 활성화되면 WP Rocket이 자동으로 브라우저 캐싱을 켭니다. 기본적으로 WordPress 사이트의 속도를 높이는 최상의 설정으로 만료 헤더 및 캐시 제어 헤더를 추가합니다.

    그게 다야. 플러그인에 대해 자세히 알아보려면 다음 가이드를 참조하세요. WordPress에서 WP Rocket을 올바르게 설치하고 설정하는 방법.

    무료 캐싱 플러그인을 사용하여 웹사이트에 만료 헤더를 추가하려는 경우 다음을 살펴보는 것이 좋습니다. W3 총 캐시.

    W3 Total Cache는 WP Rocket과 동일한 기능을 제공하지만 초보자에게 친숙하지는 않습니다. 만료 헤더는 자동으로 활성화하지 않으므로 수동으로 활성화해야 합니다.

    방법 2: 코드를 사용하여 WordPress에 Expires 헤더 추가

    WordPress에 만료 헤더를 추가하는 두 번째 방법은 WordPress 파일에 코드를 추가하는 것입니다. 코드의 실수가 심각한 문제를 일으킬 수 있으므로 초보자에게는 권장하지 않습니다. 오류 사이트를 중단하십시오.

    이러한 변경 작업을 수행하기 전에 먼저 WordPress 사이트를 백업하는 것이 좋습니다. 자세한 내용은 다음 가이드를 참조하세요. WordPress 사이트를 백업하고 복원하는 방법.

    즉, WordPress에 코드를 추가하여 만료 헤더를 추가하는 방법을 살펴보겠습니다.

    웹 사이트에서 Apache 또는 Nginx를 실행 중인지 확인

    먼저 웹 사이트에서 Apache 또는 Nginx 서버를 사용 중인지 파악해야 합니다. 이렇게 하려면 웹사이트를 탐색하고 페이지를 마우스 오른쪽 버튼으로 클릭한 다음 ‘검사’ 옵션을 선택합니다.

    검사 옵션을 마우스 오른쪽 버튼으로 클릭

    다음으로 페이지 상단의 ‘네트워크’ 탭을 클릭해야 합니다. 결과를 로드하려면 페이지를 새로 고쳐야 할 수 있습니다.

    네트워크 탭을 클릭합니다.

    그런 다음 ‘이름’ 열 상단에서 도메인 이름을 클릭할 수 있습니다. 그런 다음 ‘응답 헤더’ 섹션으로 스크롤하여 ‘서버’라는 항목을 확인해야 합니다.

    응답 헤더 섹션 확인

    이것은 사용 중인 웹 서버를 보여줍니다. 이 경우 사이트는 Nginx 서버에서 실행됩니다.

    이제 귀하의 사이트에서 어떤 웹 서버를 사용하고 있는지 알았으므로 다음 링크를 사용하여 앞으로 이동하십시오.

    Apache에서 Expires 헤더를 추가하는 방법

    Apache 서버에 만료 헤더를 추가하려면 .htaccess 파일.

    이 파일을 편집하려면 워드프레스 호스팅 계정 FTP 클라이언트 또는 호스트의 파일 관리자 도구. 당신은 당신의 .htaccess 웹사이트의 루트 폴더에 있는 파일입니다.

    루트 폴더에서 .htaccess 찾기

    때때로 .htaccess 파일이 숨겨질 수 있습니다. 찾는 데 도움이 필요하면 다음 가이드를 참조하세요. WordPress 사이트에서 .htaccess 파일을 찾을 수 없는 이유.

    다음으로 브라우저 캐싱을 켜려면 만료 헤더를 추가해야 합니다. 이것은 웹 브라우저가 웹사이트 리소스를 삭제하기 전에 얼마나 오래 저장해야 하는지 알려줍니다.

    당신은 당신의 상단 근처에 다음 코드를 추가할 수 있습니다 .htaccess 만료 헤더를 추가하는 파일:

    
    ## EXPIRES HEADER CACHING ##
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg "access 1 year"
    ExpiresByType image/jpeg "access 1 year"
    ExpiresByType image/gif "access 1 year"
    ExpiresByType image/png "access 1 year"
    ExpiresByType image/svg "access 1 year"
    ExpiresByType text/css "access 1 month"
    ExpiresByType application/pdf "access 1 month"
    ExpiresByType application/javascript "access 1 month"
    ExpiresByType application/x-javascript "access 1 month"
    ExpiresByType application/x-shockwave-flash "access 1 month"
    ExpiresByType image/x-icon "access 1 year"
    ExpiresDefault "access 3 days"
    </IfModule>
    ## EXPIRES HEADER CACHING ##
    

    이 값은 대부분의 사이트에서 제대로 작동하지만 필요에 따라 기간을 조정할 수 있습니다.

    코드는 파일 유형에 따라 다른 캐시 만료 날짜를 설정합니다. 이미지는 일반적으로 동일하게 유지되기 때문에 HTML, CSS, Javascript 및 기타 파일 유형보다 더 오래 캐시됩니다.

    Nginx에서 Expires 헤더를 추가하는 방법

    Nginx 서버를 사용하여 워드프레스 블로그, 만료 헤더를 추가하려면 서버 구성 파일을 편집해야 합니다.

    이 파일을 편집하고 액세스하는 방법은 호스트에 따라 다르므로 파일 액세스에 도움이 필요한 경우 호스팅 제공업체에 문의할 수 있습니다.

    그런 다음 만료 헤더를 추가하려면 다음 코드를 추가해야 합니다.

    
    location ~* .(jpg|jpeg|gif|png|svg)$ {
      expires 365d;
    }
     
    location ~* .(pdf|css|html|js|swf)$ {
      expires 3d;
    }
    

    이 코드는 다양한 파일 형식의 만료 시간을 설정합니다. 이미지는 일반적으로 동일하게 유지되기 때문에 이미지는 HTML, CSS, JS 및 기타 파일 유형보다 더 오래 캐시됩니다.

    이 튜토리얼이 WordPress에서 만료 헤더를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 궁극의 워드프레스 보안 가이드 웹사이트 보안을 개선하고 최고의 이메일 마케팅 서비스 트래픽을 늘리십시오.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서용. 당신은 또한 우리를 찾을 수 있습니다 트위터 그리고 페이스북.

    Source link

    신고하기
  • 답변은 로그인 후 가능합니다.