WordPress 웹 사이트를 로드하는 데 너무 오래 걸리나요? 느린 사이트가 SEO(SEO) 및 사용자 경험 에 영향을 미친다는 것을 알고 계십니까?
플러그인을 사용하는 것 외에도 사이트 속도를 높이는 여러 가지 방법이 있습니다. 한 가지 방법은 브라우저 캐시를 활용하는 것이고 다른 방법은 파일을 압축하는 것입니다.
둘 다 .htaccess(.htaccess) 파일 을 수정하고 최적화하여 수행할 수 있습니다 .
브라우저 캐시란 무엇입니까?
누군가가 귀하의 웹 사이트를 방문하면 다운로드되어 임시 위치에 저장되는 파일이 있습니다.
파일 유형에는 HTML(HTML) , 이미지, JavaScript 및 CSS 파일 과 같이 웹사이트를 구성하는 모든 문서가 포함됩니다 . 브라우저(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 , 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>
파일에 추가된 내용을 유지하려면 저장(Save) 을 클릭하는 것을 잊지 마십시오 .
파일을 압축하고 브라우저 캐시를 활용하면 웹페이지 로딩 시간이 크게 줄어듭니다. 이렇게 하면 사이트의 검색 순위를 높이고 사용자 경험을 개선하는 데 도움이 됩니다. 페이지가 로드될 때까지 몇 초 이상 기다리기를 원하는 사람은 없습니다.
How To Speed Up Any WordPress Site Using .HTACCESS
Is yоur WordPress website taking too long to load? Do yoυ know that a slow site will affect your SEO and υser experienсе?
There are several different ways to speed up your site besides using plugins. One way is to leverage browser cache and another way is to compress your files.
Both can be accomplished by modifying and optimizing the .htaccess file.
What Is Browser Cache?
When someone visits your website, there are files that are downloaded and stored in a temporary location.
The types of files include all documents that make up your website, such as HTML, images, JavaScript, and CSS files. Browser cache refers to this temporary location for the downloaded files.
When the cache is full, it takes up too much space on the visitor’s computer. This results in a slow browser and a website that takes too long to load.
Luckily there is a way to fix this by editing your .htaccess file.
What You Should Do First
Before you start editing your .htaccess file, consider the following precautions:
- Always create a backup of your WordPress .htaccess file before changing it.
- Disable any WordPress plugins you might be using.
- Test your site speed before making changes to the .htaccess file to get a baseline measurement. You can use GTmatrix, Pingdom, or Google PageSpeed Insights.
You are now ready to use code via your .htaccess file to tell your WordPress installation to cache static files longer for return visitors to your website. You can use either cPanel or FTP. See the directions below for each.
Once you have access to your .htaccess file, then use the additional directions to make your edits.
Using cPanel
Log into your website cPanel. You can usually get there by typing yourdomain.com/cPanel into your web browser.
Log in with the username and password you were given when you installed WordPress on your domain. Once you are logged in, look for and click File Manager.
Your .htaccess file is located in the root folder. The dot before the file name indicates that it is a hidden file in your WordPress installation. Be sure to put a check in the box to Show Hidden Files.
You should make a copy of your file before editing it because if you make a mistake, you can crash your site. To make a copy, click .htaccess and highlight it. To save a copy, click the download button located on the top menu.
Once you have made your copy, you are now ready to edit the file. In your cPanel File Manager, right-click the .htaccess file and click edit.
Using FTP
You can also edit your .htaccess file using an FTP client. One popular FTP client is FileZilla, used in the example below.
Start by opening your FTP client and put in your host. This is usually your domain address, your username and password. If you are not sure what they are, contact your web host.
Use the following steps to access, copy, and edit your .htaccess file:
- Navigate to your root directory.
- Find the .htaccess file, make a copy, and drag it to your desktop.
- Keep a copy of the original and edit a different copy in case you have to restore the original.
- Use an editor such as Notepad to edit the file.
- When you have finished your editing, upload the file to your root directory.
If you have made a mistake, your website will not work. To fix it, upload the backup file.
Now you are ready to make changes to your .htaccess file to speed up your WordPress site.
Compress Your Files Using Gzip
Gzip compression makes your files smaller and helps them to load faster. Adding the code below to your .htaccess file (underneath the current code) using gzip will compress CSS, HTML, and PHP files.
<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>
Don’t forget to click “Save changes.”
Browser Caching
When someone visits your website, the browser they are using will download all the files associated with the page they are accessing.
Leveraging browser cache means you want to download only the necessary files and not assets that are unnecessary. These are usually the design and style of your page and sometimes includes JavaScript functions as well.
When you use browser cache, you are telling your server to ignore parts of your webpage that were previously downloaded for repeat visitors.
To edit your .htaccess file, locate it and make two copies in the same way you did when compressing your files as outlined above using an FTP client or cPanel.
Keep a copy of the original .htaccess file in case there are any issues with the changes. Make your edits in the other copy.
Add the following code below the current content of your .htaccess file:
<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>
Don’t forget to click Save to keep the additions to your file.
Compressing your files and leveraging browser cache will significantly decrease the loading time of your webpages. This will help your site rank higher in search and improve the user experience. No one wants to wait more than a few seconds for a page to load.