WordPress에서 브라우저 캐싱 활용 경고를 쉽게 수정하는 방법

최근 게시물 게시판 wordpress WordPress에서 브라우저 캐싱 활용 경고를 쉽게 수정하는 방법

  • WordPress에서 브라우저 캐싱 활용 경고를 쉽게 수정하는 방법을 배우고 싶습니까?

    브라우저 캐싱 활용 경고를 수정하면 WordPress 사이트의 속도를 빠르게 높이고 웹 사이트 방문자에게 더 나은 경험을 제공할 수 있습니다.

    이 기사에서는 WordPress에서 브라우저 캐싱 활용 경고를 쉽게 수정하는 방법을 보여줍니다.

    WordPress의 브라우저 캐싱이란 무엇입니까?

    브라우저 캐싱은 웹사이트 로딩 속도를 향상시키는 방법입니다. 웹 페이지가 로드되면 모든 파일이 별도로 로드됩니다.

    이렇게 하면 브라우저와 사용자 간에 여러 요청이 생성됩니다. 워드프레스 호스팅 웹 페이지 로딩 시간을 증가시키는 서버.

    브라우저 캐싱이 활성화되면 웹 브라우저는 웹 페이지 사본을 로컬에 저장합니다. 이렇게 하면 사용자가 사이트의 두 번째 페이지를 방문할 때 브라우저에서 스타일시트, 로고, 이미지 등과 같은 일반적인 파일을 더 빠르게 로드할 수 있습니다.

    사이트 속도 테스트 결과

    이렇게 하면 실제 서버에 대한 요청이 줄어들고 결과적으로 웹 사이트 성능이 향상되므로 전체 서버 로드가 줄어듭니다.

    WordPress에 대한 브라우저 캐싱 활용 경고는 어디에서 볼 수 있습니까?

    브라우저 캐싱 활용 경고는 브라우저 캐싱이 활성화되어 있지 않거나 캐싱이 잘못된 방식으로 설정되었을 수 있음을 의미합니다.

    실행 중일 때 웹사이트 속도 테스트, WordPress 속도를 높이기 위해 수정할 수 있는 사항을 보여주는 보고서를 받게 됩니다.

    웹사이트에서 현재 브라우저 캐싱을 사용하지 않는 경우 브라우저 캐싱을 활성화하라는 경고가 표시됩니다.

    페이지 속도 인사이트 도구에서 결과를 볼 때 다음과 같이 표시됩니다.

    브라우저 캐싱 경고 활용

    효율적인 캐시 정책이 작동하지 않는다는 경고가 표시되는 경우가 있습니다.

    이 경고는 모두 브라우저 캐싱 설정 오류를 나타냅니다.

    효율적인 캐시 정책 경고

    브라우저 캐싱을 활용한다는 것은 캐싱 규칙을 활성화하고 사용자 지정하여 사이트 속도를 높이는 것을 의미합니다.

    즉, 두 가지 다른 방법을 사용하여 WordPress에서 브라우저 캐싱 활용 경고를 쉽게 수정하는 방법을 살펴보겠습니다.

    아래의 빠른 링크를 사용하여 WordPress에서 브라우저 캐싱 활용 경고를 수정하는 방법을 선택하기만 하면 됩니다.

    방법 1. WP Rocket WordPress 플러그인으로 브라우저 캐싱 활용 경고 수정

    WP 로켓 이다 최고의 WordPress 캐싱 플러그인 마트에서. 초보자에게 매우 친숙하며 복잡한 캐싱 및 속도 용어를 몰라도 속도에 맞게 사이트를 최적화하는 데 도움이 될 수 있습니다.

    WP 로켓

    기본적으로 권장되는 모든 캐싱 설정은 워드프레스 웹사이트.

    WP Rocket으로 브라우저 캐싱 활용 경고를 수정하려면 플러그인을 설치하고 활성화하기만 하면 됩니다.

    그게 다야

    자세한 내용은 다음 가이드를 참조하세요. WordPress에서 WP Rocket을 올바르게 설치하고 설정하는 방법.

    WP Rocket은 자동으로 브라우저 캐싱을 활성화하고 .htaccess 올바른 규칙으로 파일을 작성하십시오.

    노트 : 당신이 사용하는 경우 사이트그라운드 웹 호스팅을 사용하면 무료로 사용할 수 있습니다. SiteGround 최적화 플러그인 대신.

    WP Rocket과 거의 동일한 기능을 가지고 있으며 자동으로 브라우저 캐싱을 활성화합니다.

    방법 2. WordPress에 코드를 추가하여 브라우저 캐싱 활용 경고 수정

    두 번째 방법은 WordPress 파일에 코드를 추가하는 것입니다. 이전에 이 작업을 수행하지 않은 경우 초보자 가이드를 참조하십시오. 웹에서 워드프레스로 스니펫 붙여넣기.

    이 방법은 초보자에게 친숙하지 않으므로 정확히 알고 있는 경우에만 이 방법을 따르십시오. 대부분의 비즈니스 소유자의 경우 방법 1을 사용하는 것이 좋습니다.

    즉, WordPress에 코드를 추가하여 브라우저 캐싱 활용 경고를 수정하는 방법을 살펴보겠습니다.

    노트 : WordPress 코드를 사용자 지정하기 전에 WordPress 사이트를 백업하는 것이 좋습니다. 자세한 내용은 다음 가이드를 참조하세요. WordPress 사이트를 백업하고 복원하는 방법.

    웹 사이트에서 Apache 또는 Nginx를 실행 중인지 확인하십시오.

    먼저 웹사이트에서 아파치 또는 Nginx 서버.

    이렇게 하려면 새 탭이나 창에서 웹사이트를 엽니다. 그런 다음 마우스 오른쪽 버튼을 클릭하고 ‘검사’ 옵션을 선택합니다.

    마우스 오른쪽 버튼을 클릭하고 검사

    그런 다음 페이지 상단의 ‘네트워크’ 탭을 클릭합니다.

    결과를 로드하려면 페이지를 새로 고쳐야 할 수 있습니다.

    클릭 네트워크

    그런 다음 ‘이름’ 열에서 도메인 이름을 클릭합니다.

    페이지 상단에 있어야 합니다.

    웹사이트 URL 클릭

    그런 다음 ‘응답 헤더’ 섹션에서 서버 유형이 표시되는 ‘서버’라는 항목을 볼 수 있습니다. 이 경우 사이트는 Apache 서버에서 실행됩니다.

    서버 유형 찾기

    Apache에서 캐시 제어 및 만료 헤더 추가

    Apache 서버에서 브라우저 캐싱 활용 경고를 수정하려면 .htaccess 파일.

    이 파일을 편집하려면 워드프레스 호스팅 FTP 클라이언트 또는 호스트의 파일 관리자 도구로 계정을 만드십시오.

    연결되면 다음을 볼 수 있습니다. .htaccess 웹사이트의 루트 폴더에 있는 파일입니다.

    htaccess FTP

    찾을 수 없다면 걱정하지 마십시오. 때때로 이 파일이 숨겨질 수 있습니다. 자세한 내용은 다음 가이드를 참조하세요. WordPress 사이트에서 .htaccess 파일을 찾을 수 없는 이유.

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

    cache-control 헤더는 웹 브라우저에 캐싱 수행 방법에 대한 특정 세부 정보를 제공합니다.

    만료 헤더는 캐싱을 활성화하고 웹 브라우저에 특정 파일을 삭제하기 전에 얼마나 오래 저장해야 하는지 알려줍니다.

    다음 코드를 추가할 수 있습니다. .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 ##
    

    이 코드는 파일 유형에 따라 다른 캐시 만료 날짜를 설정합니다.

    그런 다음 다음 코드를 추가하여 캐시 제어를 활성화할 수 있습니다.

    <filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
        Header set Cache-Control "max-age=96000, public"
    </filesMatch>
    

    이 코드는 캐시가 만료되는 시간을 설정합니다. 위의 예에서 캐시는 90,000초 후에 만료됩니다.

    그 후 웹 브라우저는 파일의 새 버전을 요청합니다.

    Nginx에서 캐시 제어 및 만료 헤더 추가

    Nginx 웹 서버를 사용하여 워드프레스 블로그, 그런 다음 서버 구성 파일을 편집하여 브라우저 캐싱 오류를 수정할 수 있습니다.

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

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

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

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

    그런 다음 다음 코드를 추가하여 캐시 제어 헤더를 추가할 수 있습니다.

    location ~* .(js|css|png|jpg|jpeg|gif|svg|ico)$ {
     expires 14d;
     add_header Cache-Control "public, no-transform";
    }
    

    이 코드는 캐시가 만료되는 시간을 설정합니다. 위의 파일 형식이 14일 동안 변경되지 않을 것이라고 서버에 알립니다.

    WordPress 속도를 더욱 높이고 싶다면 다음 가이드를 확인하십시오. WordPress 속도와 성능을 높이는 방법.

    이 기사가 WordPress에서 브라우저 캐싱 활용 경고를 쉽게 수정하는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 궁극적인 목록을 보고 싶을 수도 있습니다 가장 일반적인 WordPress 오류 문제를 해결하는 방법과 전문가가 선택한 최고의 SEO 도구 및 플러그인 더 많은 트래픽을 얻을 수 있습니다.

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

    포스트 WordPress에서 브라우저 캐싱 활용 경고를 쉽게 수정하는 방법 에 처음 등장 WPB초보자.

    Source link

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