.HTACCESS를 사용하여 WordPress 사이트의 속도를 높이는 방법

WordPress 웹 사이트를 로드하는 데 너무 오래 걸리나요? 느린 사이트가 SEO(SEO) 및 사용자 경험 에 영향을 미친다는 것을 알고 계십니까?

플러그인을 사용하는 것 외에도 사이트 속도를 높이는 여러 가지 방법이 있습니다. 한 가지 방법은 브라우저 캐시를 활용하는 것이고 다른 방법은 파일을 압축하는 것입니다. 

둘 다 .htaccess(.htaccess) 파일 을 수정하고 최적화하여 수행할 수 있습니다 .

브라우저 캐시란 무엇입니까?

누군가가 귀하의 웹 사이트를 방문하면 다운로드되어 임시 위치에 저장되는 파일이 있습니다.

파일 유형에는 HTML(HTML) , 이미지, JavaScriptCSS 파일 과 같이 웹사이트를 구성하는 모든 문서가 포함됩니다 . 브라우저(Browser) 캐시는 다운로드된 파일의 이 임시 위치를 나타냅니다.

캐시가 가득 차면 방문자의 컴퓨터에서 너무 많은 공간을 차지합니다. 이로 인해 브라우저가 느려지고 웹 사이트를 로드하는 데 너무 오래 걸립니다.

다행히 .htaccess 파일을 편집하여 이 문제를 해결할 수 있는 방법이 있습니다.

가장 먼저 해야 할 일

.htaccess 파일 편집을 시작하기 전에 다음 예방 조치를 고려하십시오.

  • 변경하기 전에 항상 WordPress .htaccess 파일의 백업을 만드십시오.(WordPress .htaccess)
  • 사용 중인 모든 WordPress 플러그인을 비활성화합니다.
  • 기준 측정값을 얻으려면 .htaccess 파일을 변경하기 전에 사이트 속도를 테스트하십시오. GTmatrix , Pingdom 또는 Google PageSpeed ​​Insights 를 사용할 수 있습니다 .

이제 .htaccess 파일을 통해 코드를 사용하여 WordPress 설치에 웹사이트 재방문자를 위해 정적 파일을 더 오래 캐시하도록 지시할 준비가 되었습니다. cPanel 또는 FTP 를 사용할 수 있습니다 . 각각에 대한 아래 지침을 참조하십시오. 

.htaccess 파일에 액세스할 수 있게 되면 추가 지침을 사용하여 편집합니다. 

cPanel 사용

(Log)웹사이트 cPanel에 로그인 합니다. 일반적으로 웹 브라우저에 yourdomain.com/cPanel

(Log)도메인에 WordPress 를 설치할 때 부여한 사용자 이름과 비밀번호로 로그인 합니다. 로그인한 후 파일 관리자(File Manager) 를 찾아 클릭 합니다.

.htaccess 파일은 루트 폴더에 있습니다. 파일 이름 앞의 점은 해당 파일이 WordPress 설치에 숨겨진 파일임을 나타냅니다. 숨김 파일 표시(Show Hidden Files) 확인란을 선택해야 합니다 .

실수를 하면 사이트가 다운될 수 있으므로 편집하기 전에 파일의 복사본을 만들어야 합니다. 복사본을 만들려면 .htaccess 를 클릭 하고 강조 표시합니다. 사본을 저장하려면 상단 메뉴에 있는 다운로드 버튼을 클릭하십시오.  

사본을 만들었으면 이제 파일을 편집할 준비가 된 것입니다. cPanel 파일 관리자(File Manager) 에서 .htaccess 파일을 마우스 오른쪽 버튼으로 클릭하고 편집(edit) 을 클릭 합니다.

FTP 사용

FTP 클라이언트 를 사용하여 .htaccess 파일을 편집할 수도 있습니다 . 널리 사용되는 FTP 클라이언트 중 하나는 아래 예에서 사용된 FileZilla 입니다.( FileZilla)

(Start)FTP 클라이언트 를 열고 호스트를 입력하여 시작하십시오 . 이것은 일반적으로 도메인 주소, 사용자 이름 및 비밀번호입니다. 무엇인지 확실하지 않은 경우 웹 호스트에 문의하십시오.

.htaccess 파일에 액세스, 복사 및 편집하려면 다음 단계를 따르세요.

  • 루트 디렉터리로 이동합니다.
  • .htaccess 파일을 찾아 복사본을 만들어 바탕 화면으로 끌어다 놓습니다.
  • 원본을 복원해야 하는 경우를 대비하여 원본의 사본을 보관하고 다른 사본을 편집하십시오.
  • (Use)메모장(Notepad) 과 같은 편집기를 사용 하여 파일을 편집합니다.
  • 편집이 끝나면 파일을 루트 디렉터리에 업로드합니다.

실수를 하면 웹사이트가 작동하지 않습니다. 문제를 해결하려면 백업 파일을 업로드하세요. 

이제 WordPress(WordPress) 사이트 의 속도를 높이기 위해 .htaccess 파일을 변경할 준비가 되었습니다 .

Gzip을 사용하여 파일 압축

Gzip 압축은 파일을 더 작게 만들고 더 빠르게 로드하는 데 도움이 됩니다. gzip을 사용하여 .htaccess 파일(현재 코드 아래)에 아래 코드를 추가하면 CSS , HTMLPHP 파일이 압축됩니다.

 <IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

"변경 사항 저장"을 클릭하는 것을 잊지 마십시오.

브라우저 캐싱

누군가 귀하의 웹사이트를 방문하면 그들이 사용하는 브라우저가 액세스하는 페이지와 관련된 모든 파일을 다운로드합니다.

브라우저 캐시를 활용한다는 것은 불필요한 자산이 아닌 필요한 파일만 다운로드하려는 것을 의미합니다. 이는 일반적으로 페이지의 디자인과 스타일이며 때로는 JavaScript 기능도 포함합니다.

브라우저 캐시를 사용하면 반복 방문자를 위해 이전에 다운로드한 웹 페이지의 일부를 무시하도록 서버에 지시합니다.

.htaccess 파일을 편집하려면 FTP 클라이언트 또는 cPanel을 사용하여 위에서 설명한 대로 파일을 압축할 때와 동일한 방식으로 파일을 찾아 두 개의 복사본을 만드십시오.

변경 사항에 문제가 있는 경우에 대비하여 원본 .htaccess 파일의 복사본을 보관하십시오. 다른 사본에서 편집하십시오. 

.htaccess 파일의 현재 내용 아래에 다음 코드를 추가합니다.

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

파일에 추가된 내용을 유지하려면 저장(Save) 을 클릭하는 것을 잊지 마십시오 .

파일을 압축하고 브라우저 캐시를 활용하면 웹페이지 로딩 시간이 크게 줄어듭니다. 이렇게 하면 사이트의 검색 순위를 높이고 사용자 경험을 개선하는 데 도움이 됩니다. 페이지가 로드될 때까지 몇 초 이상 기다리기를 원하는 사람은 없습니다.



About the author

안녕! 제 이름은 하드웨어 해커입니다. 저는 10년 이상의 컴퓨터 수리 및 개조 경험이 있습니다. 노트북에서 태블릿, 스마트 TV에 이르기까지 거의 모든 것을 고칠 수 있습니다. 내 기술을 통해 고객이 문제를 빠르고 효율적으로 해결하도록 도울 수 있습니다. 내 블로그는 사람들이 올바른 도구를 사용하여 컴퓨터와 가전제품을 수리하는 방법을 배울 수 있도록 돕는 데 전념하고 있습니다. 그리고 내 Facebook 페이지는 컴퓨터와 관련된 모든 것에 대한 팁, 트릭 및 통찰력을 공유하는 곳입니다!



Related posts