WordPress 웹 사이트 속도를 높이는 방법: 초보자 가이드 완료
게시 됨: 2017-08-08따라서 무료 검색 트래픽을 계속 유지하고 싶거나 검색 엔진 트래픽을 받기 시작하려면 웹사이트의 속도를 개선해야 합니다. 웹사이트를 로드하는 데 시간이 얼마나 걸리는지 모르는 경우 Pingdom에서 제공하는 이 무료 도구를 사용해 보십시오. 이 도구를 사용하면 초기 정보를 제공하여 웹사이트가 얼마나 개선되었는지 확인할 수 있습니다.
WordPress 웹 사이트의 속도를 높이는 것은 수십 시간과 많은 기술적 노하우가 필요한 벅찬 작업처럼 들릴 수 있지만, WordPress 플러그인과 몇 가지 간단한 조정으로 곧 사이트가 훨씬 더 빠르게 로드될 것입니다. – 아래의 완전한 초보자 가이드를 따르십시오.
내용물
- 1 좋은 웹 호스트 선택하기
- 2 캐시 플러그인 사용 시작
- 2.1 어떤 캐시 플러그인인가요?
- 3 CDN 사용 시작
- 4 정적 리소스에 대한 브라우저 캐싱 활용
- 5 웹용 이미지 최적화
- 6 데이터베이스 최적화
- 7 GZIP 활성화
- 8 이미지 지연 로드
- 9 더 빠른 테마에 투자
- 10 페이지로 댓글 나누기
- 11 결론
- 11.1 관련 게시물
좋은 웹 호스트 선택하기
대부분의 웹 호스트는 자신을 가장 빠른 것으로 광고합니다. 그러나 실제로 많은 호스트가 다른 호스트에 비해 속도 이점을 제공하지 않습니다. 웹 사이트를 호스팅하는 웹 호스팅 서비스는 웹 사이트 속도에 큰 영향을 미칠 수 있습니다. 동일한 서버에 많은 웹 사이트를 함께 배치하는 공유 호스트는 성능이 저하될 수 있고 하나의 느린 사이트가 다른 모든 웹 사이트에 영향을 줄 수 있습니다. .
그러나 소규모 개인 또는 취미 웹사이트로 막 시작하는 경우 어떤 웹사이트를 선택해야 할지 안다면 공유 호스팅 회사가 좋을 수 있습니다. 공유 호스팅에 대한 가이드는 호스팅에 대한 몇 가지 다른 옵션을 다루므로 반드시 확인하십시오.

그러나 청중이 증가하기 시작하면 사이트를 관리형 WordPress 호스팅 또는 VPS 서버로 이동하는 것이 좋습니다. 관리 호스트는 일반적으로 공유 호스팅보다 품질이 좋으며 WordPress 및 사용하는 플러그인 업데이트와 같은 작업도 처리하고 백업, 사이트 속도 향상을 위한 캐싱 제공, 속도 향상을 위한 CDN 포함 이미지 및 스크립트 등과 같은 정적 항목.

결국 어떤 호스트를 선택하느냐에 따라 예산이 결정되므로 현명하게 선택하고 사이트의 속도와 가동 시간을 모니터링해야 합니다. 품질이 낮은 서비스를 받는 경우 웹사이트를 항상 다른 호스트로 마이그레이션할 수 있습니다.
캐시 플러그인 사용 시작
캐싱은 웹사이트 속도에 막대한 영향을 미칠 수 있습니다.
누군가가 웹 사이트의 페이지를 방문하면 WordPress는 수천 줄의 코드를 실행하고 데이터베이스에 연결한 다음 요청한 웹 페이지를 생성합니다. 그리고 짐작하셨겠지만, 여기에는 많은 리소스와 시간이 필요합니다. 바로 여기서 캐싱이 구출됩니다.
캐싱은 간단한 기술입니다. 페이지를 계속해서 생성하는 대신, 우리의 경우 WordPress는 페이지를 HTML로 생성하고 복사본을 만든 다음 페이지가 요청될 때 해당 정적 HTML 복사본을 제공합니다. 웹사이트에서 캐싱이 활성화되면 페이지를 생성하는 데 필요한 시간과 서버 리소스가 절반으로 줄어듭니다. WordPress에는 캐싱 기능이 내장되어 있지 않지만 WordPress에는 수십 가지의 무료 캐싱 플러그인이 있습니다.
어떤 캐시 플러그인?
WP Super Cache는 최고의 무료 캐싱 플러그인이며 우리가 권장하는 플러그인으로 설정이 쉽고 웹사이트 로딩 시간에 큰 차이를 만듭니다. 그것을 시도하고 활성화하기 전과 후에 Pingdom으로 사이트를 테스트하면 그 차이에 놀랄 것입니다.

또 다른 옵션은 하나의 웹사이트에 대해 연간 $39의 비용이 드는 프리미엄 플러그인인 WP Rocket입니다. 캐싱 플러그인을 무료로 얻을 수 있는데 왜 비용을 지불해야 하는지 궁금할 수도 있습니다. 그 이유는 테스트에서 WP Rocket이 다른 캐싱 플러그인보다 성능이 우수하기 때문입니다. 차이를 만들 수 있습니다.

비용으로 인해 상업용 웹 사이트에는 WP Rocket을 권장합니다. 그렇지 않으면 WP Super Cache는 개인 프로젝트에 적합합니다.
CDN 사용 시작
사용자와 서버 사이의 거리는 웹사이트 속도에 영향을 미칩니다. 이것은 전체 속도에 약간의 영향을 줄 수 있지만 추가됩니다. 사용자가 웹사이트 서버에서 멀어질수록 웹사이트 로드 속도가 느려집니다.
CDN(Content Delivery Network)은 이 문제를 해결합니다. 그것은 단순히 전 세계에 퍼져있는 서버 네트워크입니다. 웹사이트를 CDN에 연결하면 CDN 서비스가 광범위한 서버 네트워크에서 모든 웹사이트 콘텐츠를 캐싱하기 시작합니다. 파일에서 블로그 콘텐츠에 이르기까지 모든 것을 캐시합니다. 누군가 귀하의 웹사이트를 방문하면 CDN은 사용자에게 가장 가까운 서버를 통해 콘텐츠를 제공합니다. 이렇게 하면 서버의 로드가 줄어들 뿐만 아니라 사용자가 서버에 연결하고 파일을 가져오는 데 걸리는 시간도 줄어듭니다.
사용할 수 있는 CDN 서비스가 많이 있지만 대부분은 매우 비쌀 수 있습니다. 이제 막 시작했다면 CloudFlare를 사용해 보십시오. 무료이며 프리미엄 플랜은 다른 CDN 서비스 제공업체보다 상대적으로 저렴합니다. 무료 WordPress 플러그인을 다운로드하여 시작할 수 있습니다.

정적 리소스에 대한 브라우저 캐싱 활용
브라우저는 페이지 표시를 시작하기 전에 페이지의 모든 단일 요소를 로드합니다. 기본적으로 리소스를 캐싱하는 대신 동일한 웹사이트에서 다른 페이지를 로드할 때마다 리소스를 모두 다시 가져옵니다. 이는 서버의 로드를 증가시킬 뿐만 아니라 웹사이트의 로드 시간도 증가시킵니다. 브라우저 캐싱을 활용하면 브라우저는 정적 리소스를 캐시한 다음 서버에서 다시 요청하는 대신 캐시된 복사본을 사용합니다.
브라우저 캐싱 활용을 시작하려면 .htaccess 파일에 다음 코드를 추가하세요.
ExpiresByType 이미지/gif A2592000
ExpiresByType 이미지/png A2592000
ExpiresByType 이미지/jpg A2592000
ExpiresByType 이미지/jpeg A2592000
웹용 이미지 최적화


이미지는 웹 페이지 크기의 대부분을 차지합니다. 대부분의 이미지는 고해상도로 볼 필요가 없습니다. 이러한 이미지는 웹에 최적화(압축)될 수 있습니다. 이미지를 최적화하면 눈에 띄는 품질 손실 없이 이미지 크기가 거의 절반으로 줄어듭니다. 이제 Photoshop이나 다른 이미지 편집 프로그램을 실행하여 직접 수행할 수 있습니다. 그러나 그것은 가파른 학습 곡선과 많은 육체 노동을 필요로 할 것입니다. 대신 WP-SmushIt과 같은 WordPress 무료 플러그인을 사용하여 자동으로 수행할 수 있습니다. 이 플러그인은 웹사이트의 모든 이미지를 자동으로 최적화합니다. 당신이해야 할 일은 그것을 설치하기 만하면 모든 것을 스스로 처리합니다.
데이터베이스 최적화
WordPress는 모든 내부 프로세스가 효율적으로 작동하도록 많은 데이터를 저장해야 합니다. 그리고 플러그인이 많을수록 WordPress가 데이터베이스에 더 많은 데이터를 저장합니다. 시간이 지남에 따라 이 데이터의 많은 부분이 중복됩니다. 이 데이터에는 게시물, 페이지, 댓글 및 플러그인에 대한 추가 데이터가 포함됩니다.
이 중복 데이터는 단기적으로는 큰 문제가 되지 않지만 장기적으로는 웹사이트 호스팅 비용이 증가하고 사이트 속도가 느려집니다. 이 데이터를 제거하면 데이터베이스가 작아져 속도가 약간 향상됩니다. 말할 것도 없이 모든 웹 공간 사용량과 비용이 절감됩니다.
이제 데이터베이스를 최적화하기 위해 과학자가 될 필요가 없습니다. 프로그래머가 될 필요도 없습니다. WP-Optimize와 같은 무료 플러그인을 설치하기만 하면 됩니다. 이 플러그인을 설치하면 중복 데이터를 제거하고 데이터베이스 테이블을 최적화하여 데이터베이스를 최적화합니다.

GZIP 활성화
GZIP은 웹 페이지 크기를 절반 이상 줄이는 데 도움이 되는 압축 기술입니다.
서버에서 GZIP을 활성화하면 모든 파일이 브라우저에 제공되기 전에 GZIP으로 압축됩니다. 그리고 브라우저가 GZIP 파일을 받으면 압축을 풀고 표시하는 방법을 알고 있습니다.
대부분의 최신 브라우저는 GZIP을 지원하며 서버가 아닌 브라우저의 경우 콘텐츠를 직접 제공합니다.
GZIP을 사용하면 웹사이트의 로드 시간을 절반 이상 줄일 수 있습니다.
서버에서 GZIP을 활성화하려면 .htaccess 파일 끝에 다음 코드를 추가하세요.
# HTML, CSS, JavaScript, 텍스트, XML 및 글꼴 압축
AddOutputFilterByType DEFLATE 애플리케이션/자바스크립트
AddOutputFilterByType DEFLATE 애플리케이션/rss+xml
AddOutputFilterByType DEFLATE 애플리케이션/vnd.ms-fontobject
AddOutputFilterByType DEFLATE 응용 프로그램/x-글꼴
AddOutputFilterByType DEFLATE 응용 프로그램/x-font-opentype
AddOutputFilterByType DEFLATE 응용 프로그램/x-font-otf
AddOutputFilterByType DEFLATE 애플리케이션/x-font-truetype
AddOutputFilterByType DEFLATE 응용 프로그램/x-font-ttf
AddOutputFilterByType DEFLATE 애플리케이션/x-javascript
AddOutputFilterByType DEFLATE 애플리케이션/xhtml+xml
AddOutputFilterByType DEFLATE 애플리케이션/xml
AddOutputFilterByType DEFLATE 글꼴/개방형
AddOutputFilterByType DEFLATE 글꼴/otf
AddOutputFilterByType DEFLATE 글꼴/ttf
AddOutputFilterByType DEFLATE 이미지/svg+xml
AddOutputFilterByType DEFLATE 이미지/x-아이콘
AddOutputFilterByType DEFLATE 텍스트/css
AddOutputFilterByType DEFLATE 텍스트/html
AddOutputFilterByType DEFLATE 텍스트/자바스크립트
AddOutputFilterByType DEFLATE 텍스트/일반
AddOutputFilterByType DEFLATE text/xml# 브라우저 버그 제거(정말 오래된 브라우저에만 필요)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
헤더 추가 Vary User-Agent
</If 모듈>
이미지를 지연 로드

이미지는 대부분의 웹 사이트에서 로드 시간의 80%를 차지합니다.
그리고 브라우저가 웹사이트를 로드할 때 이미지를 포함한 모든 리소스를 다운로드할 때까지 페이지 표시를 시작하지 않습니다.
이것이 LazyLoading이 구출하는 곳입니다.
LazyLoading은 이미지가 사용자에게 표시될 때만 이미지를 로드하는 간단한 기술입니다.
따라서 이미지가 페이지 하단에 있으면 사용자가 페이지 하단에 도달할 때까지 로드되지 않습니다.
이렇게 하면 사이트의 로드 시간이 향상될 뿐만 아니라 서버의 로드와 대역폭 사용량도 줄어듭니다.
이 기술을 사용하려면 무료 BJ LazyLoad 플러그인을 설치하고 설정하세요.
더 빠른 테마에 투자
모든 WordPress 테마는 속도에 최적화되어 있다고 광고하지만 사실 대부분은 그렇지 않습니다. 블로그에서 사용하는 테마는 사이트 속도를 결정하는 데 큰 역할을 합니다. 잘못 코딩되고 코딩 표준을 따르지 않는 테마를 사용하는 경우 사이트 로딩 속도가 느려집니다.
많은 테마가 속도에 최적화되어 있지 않을 뿐만 아니라 페이지 빌더, 슬라이더 및 사용하지 않을 수도 있는 기타 항목과 같은 플러그인을 사용하여 생성된 추가 스크립트 및 리소스로 인해 부풀려지는 경우가 많습니다.
블로깅 여정의 시작부터 좋은 주제에 투자하는 것은 정말 중요합니다. 코드로 인한 속도 문제를 해결하려고 하면 결국 개발자에게 수천 달러를 지불하게 되기 때문입니다. 그리고 다른 테마로 전환하기로 결정한 경우에도 웹사이트의 일부 기능을 손상시키지 않고 전환하기 어려울 수 있습니다.
WordPress 테마를 찾을 때 항상 우리와 같은 신뢰할 수 있는 작성자의 테마를 사용하십시오. AlienWP에서는 SEO 및 속도에 대한 모든 테마를 테스트하고 최적화합니다. 우리의 모든 테마는 단 몇 초 안에 로드됩니다.
주석을 페이지로 분할
블로그에 댓글이 많이 달렸다면 축하할 때입니다. 귀하의 콘텐츠를 좋아하는 참여도가 높은 청중이 있다는 의미입니다.
그러나 여기에 문제가 있습니다. 댓글이 너무 많으면 웹 페이지의 크기가 커집니다.
즉, 페이지에 표시하는 댓글이 많을수록 페이지 로드 속도가 느려집니다.
이제 이 문제를 해결하려면 댓글을 여러 페이지로 나누기만 하면 됩니다.
이렇게 하려면 설정 > 토론으로 이동한 다음 댓글 나누기 확인란을 선택합니다.

이렇게 하면 게시물 끝에 모든 댓글을 표시하는 대신 WordPress는 블로그 롤의 끝에서와 마찬가지로 댓글 끝에 페이지 매김 링크를 표시합니다.
결론
웹사이트가 느리다면 지금 행동하십시오. 수천 명의 잠재적인 무료 웹사이트 방문자와 고객을 잃고 있습니다. 이 기사의 기술을 사용하여 WordPress 웹 사이트의 속도를 높이십시오. 대부분은 코드 한 줄을 건드릴 필요가 없으며 구현하는 데 많은 시간이 걸리지 않습니다.
지금 투자할 시간이 많지 않다면 최소한 Caching 플러그인을 사용하고 있는지, 이미지가 최적화되어 있는지, 서버에서 GZIP이 활성화되어 있는지 확인하세요. 그러면 일반 WordPress 설치보다 사이트 속도가 훨씬 빨라집니다. .
공유할 제안, 이야기 또는 피드백이 있으면 의견에 자유롭게 의견을 말하십시오.
