WordPress 웹 사이트를 로드하는 데 너무 오래 걸리나요? 느린 사이트가 SEO와 사용자 경험에 영향을 미친다는 사실을 알고 계십니까?
플러그인을 사용하는 것 외에도 사이트 속도를 높이는 여러 가지 방법이 있습니다. 한 가지 방법은 브라우저 캐시를 활용하는 것이고 다른 방법은 파일을 압축하는 것입니다.
둘 다 .htaccess를 수정하고 최적화하여 수행할 수 있습니다. 파일.
브라우저 캐시란 무엇입니까?
누군가 웹사이트를 방문하면 다운로드되어 임시 위치에 저장되는 파일이 있습니다.
파일 유형에는 HTML, 이미지, JavaScript 및 CSS 파일과 같이 웹사이트를 구성하는 모든 문서가 포함됩니다. 브라우저 캐시는 다운로드된 파일의 이 임시 위치를 나타냅니다.
캐시가 가득 차면 방문자의 컴퓨터에서 너무 많은 공간을 차지합니다. 이로 인해 브라우저가 느려지고 웹사이트를 로드하는 데 너무 오래 걸립니다.
다행히 .htaccess 파일을 수정하여 이 문제를 해결할 수 있는 방법이 있습니다.
먼저 해야 할 일
.htaccess 파일 편집을 시작하기 전에 다음 예방 조치를 고려하십시오.
- 변경하기 전에 항상 WordPress .htaccess 파일의 백업을 만드십시오.
- 사용 중인 모든 WordPress 플러그인을 비활성화합니다.
- .htaccess 파일을 변경하기 전에 사이트 속도를 테스트하여 기준 측정값을 얻으십시오. GTmatrix, Pingdom 또는 Google PageSpeed Insights를 사용할 수 있습니다.
이제 .htaccess 파일을 통해 코드를 사용하여 WordPress 설치에 웹사이트 재방문자를 위해 정적 파일을 더 오래 캐시하도록 지시할 준비가 되었습니다. cPanel 또는 FTP를 사용할 수 있습니다. 각각에 대한 아래 지침을 참조하십시오.
.htaccess 파일에 액세스할 수 있게 되면 추가 지침을 사용하여 편집합니다.
cPanel 사용
웹사이트 cPanel에 로그인합니다. 일반적으로 yourdomain.com/cPanel을 입력하여 이동할 수 있습니다. 웹 브라우저로 이동합니다.
도메인에 WordPress를 설치할 때 부여한 사용자 이름과 비밀번호로 로그인합니다. 로그인한 후 파일 관리자를 찾아 클릭합니다. .
.htaccess 파일은 루트 폴더에 있습니다. 파일 이름 앞의 점은 해당 파일이 WordPress 설치에 숨겨진 파일임을 나타냅니다. 숨김 파일 표시 확인란을 선택해야 합니다. .
실수를 하면 사이트가 다운될 수 있으므로 편집하기 전에 파일의 복사본을 만들어야 합니다. 사본을 만들려면 .htaccess를 클릭하세요. 강조 표시합니다. 사본을 저장하려면 상단 메뉴에 있는 다운로드 버튼을 클릭하십시오.
사본을 만들었으면 이제 파일을 편집할 준비가 된 것입니다. cPanel 파일 관리자에서 .htaccess 파일을 마우스 오른쪽 버튼으로 클릭하고 수정을 클릭합니다. .
FTP 사용
FTP 클라이언트를 사용하여 .htaccess 파일을 편집할 수도 있습니다. 인기 있는 FTP 클라이언트 중 하나는 아래 예에서 사용된 FileZilla입니다.
FTP 클라이언트를 열고 호스트를 입력하여 시작하십시오. 이것은 일반적으로 도메인 주소, 사용자 이름 및 비밀번호입니다. 무엇인지 확실하지 않은 경우 웹 호스트에 문의하십시오.
.htaccess 파일에 액세스, 복사 및 편집하려면 다음 단계를 따르십시오.
- 루트 디렉토리로 이동합니다.
- .htaccess 파일을 찾아 복사본을 만들어 바탕 화면으로 끌어다 놓습니다.
- 원본을 보관하고 원본을 복원해야 하는 경우를 대비하여 다른 사본을 수정합니다.
- 메모장과 같은 편집기를 사용하여 파일을 편집합니다.
- 편집이 끝나면 파일을 루트 디렉터리에 업로드합니다.
실수를 하면 웹사이트가 작동하지 않습니다. 문제를 해결하려면 백업 파일을 업로드하세요.
이제 .htaccess 파일을 변경하여 WordPress 사이트 속도를 높일 준비가 되었습니다.
Gzip을 사용하여 파일 압축
Gzip 압축은 파일을 더 작게 만들고 더 빠르게 로드하는 데 도움이 됩니다. gzip을 사용하여 .htaccess 파일(현재 코드 아래)에 아래 코드를 추가하면 CSS, HTML 및 PHP 파일이 압축됩니다.
<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>
저장을 클릭하는 것을 잊지 마십시오. 파일에 추가한 내용을 유지합니다.
파일을 압축하고 브라우저 캐시를 활용하면 웹페이지 로딩 시간이 크게 줄어듭니다. 이렇게 하면 사이트의 검색 순위를 높이고 사용자 경험을 개선하는 데 도움이 됩니다. 페이지가 로드될 때까지 몇 초 이상 기다리기를 원하는 사람은 없습니다.