WordPress 웹 사이트 속도를 높이는 10가지 최고의 방법

Google이 SEO 순위를 결정하는 지표 중 하나로 페이지 속도를 도입한다고 발표한 이후로 사이트 소유자는 웹사이트를 빠르게 로드하는 것을 최우선 순위 중 하나로 설정했습니다.

페이지 로드 시간은 방문자가 페이지가 완전히 로드되기 전에 이탈하는지 여부에도 영향을 줍니다. 로딩 속도가 느린 웹사이트를 사용하면 상당한 양의 트래픽과 전환을 잃을 수 있습니다.

이 가이드에서는 WordPress 웹 사이트의 속도를 높이기 위해 수행할 수 있는 작업 목록에 대해 설명합니다.

페이지 속도가 왜 중요한가요?

페이지 속도가 사이트 소유자에게 중요한 두 가지 주요 이유가 있습니다.

첫째, 페이지 속도는 SEO 순위에 영향을 미칩니다. SEO의 다른 모든 측면에서 비교할 수 있는 두 개의 웹사이트가 있는 경우 검색 엔진은 느린 웹사이트에 불이익을 줍니다. 페이지 순위 알고리즘에 의해 얼마나 많은 패널티가 적용되는지는 확실하지 않지만 속도를 위해 웹사이트의 모든 측면을 최적화하는 것이 좋습니다.

둘째, 온라인 사용자는 주의 집중 시간이 상대적으로 짧습니다. 누군가 귀하의 콘텐츠를 확인하고 싶어하지 않는 한 방문자가 사이트가 로드되기 전에 사이트를 떠날 가능성은 매초마다 높아집니다. 또한 후속 체크아웃 프로세스가 느린 경우 장바구니를 포기할 수도 있습니다. 예를 들어 Pingdom의 연구에 따르면 방문자의 38%가 로드하는 데 5초 이상 걸리는 웹사이트를 떠났습니다.

전반적으로 더 빠른 페이지 로드 시간은 더 나은 검색 엔진 순위를 얻고 더 많은 페이지 조회수와 전환을 생성하는 데 도움이 됩니다. 또한 더 나은 사용자 경험을 제공합니다.

이제 페이지 로드 시간을 측정하는 데 사용할 수 있는 몇 가지 도구를 살펴보겠습니다.

페이지 속도를 측정하는 방법?

웹 사이트 속도를 높이는 다양한 기술을 확인하기 전에 먼저 한 걸음 물러나서 현재 상황을 평가해야 합니다. 이것은 웹 사이트를 최적화하는 데 얼마나 필요한지 이해하는 데 도움이 될 수 있습니다.

최적화 전에 웹사이트를 테스트하면 향후 테스트 결과를 비교할 벤치마크도 제공됩니다. 이제 요구 사항, 예산 및 기술에 따라 웹 사이트를 평가하는 데 도움이 되는 몇 가지 테스트 도구를 살펴보겠습니다.

GTmetrix

GTmetrix는 WordPress 웹사이트의 성능을 평가하는 무료 웹 기반 도구입니다. GTmetrix 홈페이지로 이동하여 URL을 입력하여 웹사이트를 테스트하기만 하면 됩니다. 무료 버전에서는 테스트 서버 지역 및 브라우저 설정을 지정할 수 없지만 유료 버전에서는 더 많은 제어 권한과 기록 유지 기능을 제공합니다.

GTmetrix는 세 가지 주요 메트릭을 반환합니다.

• 페이지 로드 시간
• 총 페이지 크기
• 총 HTTP 요청 수

이 가이드에서는 이러한 모든 측정항목을 최적화하는 방법을 살펴보겠습니다.

PageSpeed ​​인사이트

PageSpeed ​​Insights는 웹사이트 성능을 평가할 수 있는 Google Developers의 무료 웹 기반 도구입니다. 테스트를 시작하려면 URL을 입력하기만 하면 됩니다.

PageSpeed ​​Insights의 주요 제품은 모바일 장치에 중점을 둡니다. 웹 사이트는 데스크톱과 모바일 장치에서 크게 다르게 작동할 수 있습니다. 테스트가 수행되는 장치를 제어할 수는 없지만 이 도구에서 제공하는 벤치마크는 전반적인 최적화에 도움이 됩니다.

웹페이지 테스트

WebPageTest는 웹사이트의 성능을 테스트하기 위한 무료 오픈 소스 도구입니다. 테스트 환경을 훨씬 더 많이 제어할 수 있습니다.

테스트가 수행되는 장치와 위치를 결정할 수 있을 뿐만 아니라 단계별 테스트를 만들어 웹 사이트에 대한 사용자 지정 메트릭을 생성할 수도 있습니다.

이제 웹 사이트의 속도를 식별하는 데 도움이 되는 도구에 대해 간략하게 논의했으므로 WordPress 사이트의 속도를 높이는 방법을 살펴보겠습니다.

1. 빠른 웹 호스트 선택

방문자가 웹사이트의 페이지를 방문하면 방문자의 브라우저는 해당 페이지를 표시하기 위해 서버에 요청을 보냅니다. 서버가 응답하는 데 걸리는 시간은 기다려야 하는 시간에 큰 영향을 미칩니다. 웹사이트의 효율성과 상관없이 웹 서버의 성능은 방문자의 요청이 처리되는 속도를 결정적으로 결정합니다.

호스트를 선택하기 전에 먼저 찾고 있는 호스팅 유형을 선택해야 합니다. 공유 호스트의 상대적으로 느린 성능에 만족하십니까? 아니면 전용 WordPress 호스팅이 필요합니까? 선택은 일반적으로 비용과 속도 사이의 균형입니다.

다음은 WordPress에서 가장 빠른 호스트를 선택하기 위한 전체 가이드입니다. 요컨대, 예산 친화적이면서도 안정적인 솔루션을 찾고 있다면 SiteGround를 추천합니다. 최고의 성능을 원하고 예산이 문제가 되지 않는다면 Kinsta의 관리형 WordPress 호스팅을 사용해 보십시오.

2. 가볍고 유연한 테마 사용

WordPress 사이트에 대해 선택한 테마는 페이지 속도에 크게 기여합니다. 대부분의 사이트 소유자는 성능을 위해 WordPress 테마를 수정하지 않으므로 효율적이고 빠르게 로드되는 테마를 선택하는 것이 중요합니다.

일반적으로 요구 사항에 따라 최소한의 기능으로 가벼운 테마를 선택하는 것이 좋습니다. 사냥을 시작하기 위해 가장 빠른 WordPress 테마 모음을 고려할 수 있습니다.

결정을 할 수 없습니까? 그런 다음 현대적인 디자인 요소와 다양한 사용자 정의 옵션을 결합한 무료 경량 WordPress 테마인 Sydney를 확인하는 것이 좋습니다.

3. 플러그인을 현명하게 사용

WordPress의 성장은 플러그인을 개발하고 유지 관리하는 커뮤니티 덕분이라고 할 수 있습니다. 플러그인은 WordPress의 기능을 확장하여 훨씬 더 많은 기능을 제공합니다. 상상할 수 있는 모든 작업에 대한 플러그인을 찾을 수 있지만 웹사이트 작업에 절대적으로 필요한 플러그인만 선택적으로 사용하는 것이 좋습니다.

각 플러그인은 WordPress 사이트의 복잡성을 가중시키므로 웹사이트를 주기적으로 감사하여 각 플러그인을 평가하는 것이 좋습니다. 불필요한 플러그인을 모두 비활성화하거나 제거했는지 확인하십시오.

플러그인이 서로 충돌하거나 테마와 충돌하는지 확인해야 합니다. 상태 확인 및 WordPress 플러그인 문제 해결의 사이트 상태 기능은 플러그인 간의 잠재적 충돌을 확인하는 데 도움이 될 수 있습니다.

4. WordPress 데이터베이스 최적화

WordPress 애플리케이션은 모든 사이트 관련 데이터를 백그라운드에 저장하는 데이터베이스에 연결합니다. 데이터베이스는 기본적으로 게시물, 페이지, 사용자 등록, 댓글 및 설정을 포함하되 이에 국한되지 않는 웹사이트의 모든 콘텐츠를 저장합니다.

누군가가 귀하의 웹사이트를 방문하면 페이지나 게시물을 보기 위해 데이터베이스에서 데이터를 검색할 뿐입니다. 그러나 댓글, 공감, 구매와 같은 사용자 행동은 데이터 생성으로 이어집니다. WordPress는 또한 게시물에 대한 수정 사항을 자동으로 저장합니다.

데이터베이스와 WordPress 사이트 간의 요청-응답 시간은 두 가지 이유로 증가할 수 있습니다. 첫째, 데이터베이스 크기가 커질수록 이러한 쿼리를 실행하는 데 더 많은 시간이 걸립니다. 둘째, 데이터 입력 및 제거 주기는 데이터베이스를 조각화할 수 있으므로 데이터베이스의 다른 부분이 파일 시스템 내의 다른 위치에 저장될 수 있습니다.

따라서 스팸 및 승인되지 않은 댓글, 게시물 수정 및 휴지통과 같은 원치 않는 데이터를 제거하여 데이터베이스를 간결하게 유지하는 것이 좋습니다. WP Optimize는 오래된 중복 데이터를 제거하고 데이터베이스 조각 모음을 통해 WordPress 데이터베이스를 최적화할 수 있는 플러그인입니다.

5. CDN을 사용하여 리소스 제공

CDN(콘텐츠 전송 네트워크)은 전 세계의 전략적 위치에 배치된 서버 그룹으로 구성됩니다. 리소스의 다운로드 시간은 클라이언트와 서버 간의 물리적 거리에 따라 달라진다는 전제에 기반합니다.

HTTP Archive의 빠른 분석에 따르면 일반적인 WordPress 사이트의 페이지 무게는 2020년에 약 2.3MB입니다. 이 페이지 무게의 상당 부분은 이미지(1.2MB), 글꼴 및 스타일시트(280KB), 스크립트(470KB)로 구성됩니다. ).

이러한 리소스를 전 세계의 CDN 서버에 저장하면 전 세계의 방문자가 잠재적으로 가장 가까운 서버에서 리소스를 로드하여 웹 페이지의 로드 시간을 단축할 수 있습니다. 사이트 소유자를 위한 비용 효율적인 CDN 솔루션인 KeyCDN을 확인하는 것이 좋습니다.

6. 웹용 이미지 준비

CDN을 사용하여 클라이언트에 대한 핵심 리소스 전달을 최적화하는 방법을 다루었지만 잠시 시간을 내어 리소스를 최적화해 보겠습니다. 이미지는 페이로드의 거의 절반을 차지하며 종종 웹 페이지 디자인의 중요한 구성 요소로 사용됩니다. 따라서 성능을 위해 이미지를 최적화하기 위해 몇 가지 모범 사례를 따르는 것이 좋습니다.

위생 점검

먼저 이미지를 올바른 크기로 업로드했는지 확인해야 합니다. 예를 들어 회사 소개 페이지와 파비콘에 동일한 크기의 로고를 사용하는 것은 의미가 없습니다. 파비콘의 크기가 상당히 작기 때문에 로고 크기를 조정하고 더 작은 버전을 업로드해야 합니다.

다음으로 적절한 이미지 유형도 사용해야 합니다. 예를 들어 JPG 이미지는 사진 및 다양한 색상 변형이 있는 복잡한 이미지에 이상적입니다. 반면에 PNG 이미지는 스크린샷과 같이 색상 변형이 적은 그래픽에 적합합니다. 마지막으로 SVG(Scalable Vector Graphic)는 로고와 같은 단순한 기하학적 모양으로 구성된 이미지에 완벽하게 작동합니다.

이미지 최적화

게시물용 이미지를 만든 후에는 이미지도 최적화해야 합니다. 이미지 최적화는 본질적으로 웹에 적합하도록 이미지를 압축하는 것을 의미합니다. 로컬에서 최적화하거나 플러그인을 사용할 수 있습니다.

업로드된 모든 이미지를 처리하는 WordPress 플러그인을 원하면 실시간으로 이미지를 최적화하는 프리미엄 WordPress 플러그인인 Imagify를 사용할 수 있습니다. 또한 데스크톱 앱을 사용하여 이미지를 업로드하기 전에 최적화하려는 경우 ImageOptim을 사용해 볼 수 있습니다.

최고의 WordPress 이미지 최적화 플러그인 모음도 확인할 수 있습니다.

이미지 로딩 지연

지연 로딩은 뷰어가 페이지를 아래로 스크롤하는 동안 브라우저의 뷰포트에 들어갈 때만 이미지의 전체 버전을 다운로드하는 프로세스입니다. 이 이미지 최적화 기술은 웹사이트 소유자와 뷰어 모두에게 소중한 대역폭을 절약합니다. 또한 페이로드의 상당 부분에 대한 다운로드를 지연시켜 페이지 로드 시간을 줄입니다.

지연 로드를 활성화할 수 있는 플러그인이 있지만 WordPress도 이를 핵심 기능으로 추가하는 것을 고려하고 있습니다.

7. 정적 파일을 효율적으로 관리

이미지 외에도 스타일시트 및 스크립트는 웹 페이지 페이로드의 상당 부분을 차지합니다. 이제 이러한 정적 파일을 뷰어에게 효율적으로 제공하는 방법을 살펴보겠습니다.

먼저 스타일시트와 스크립트를 축소하여 리소스 크기를 줄일 수 있습니다. 축소 프로세스에는 실행에 필요하지 않은 파일 부분을 제거하는 작업이 포함됩니다. 여기에는 공백, 주석 및 사용하지 않는 코드가 포함됩니다.

Minifier와 같은 서비스를 사용하여 리소스를 수동으로 축소할 수 있습니다. 그러나 WordPress 사이트의 경우 WP Super Minify와 같은 축소 플러그인을 사용하여 사이트의 모든 리소스를 한 번에 축소하면 시간을 절약할 수 있습니다.

다음으로 일부 스타일시트와 스크립트를 비동기식으로 로드할 수 있습니다. 그렇게 하면 중요하지 않은 리소스를 로드해도 페이지 렌더링이 중지되지 않습니다. 다음은 WordPress에서 JavaScript 구문 분석을 연기하는 방법에 대한 자습서입니다.

마지막으로 GZIP 압축을 활성화하여 리소스를 추가로 압축할 수 있습니다. GZIP 압축은 서버가 압축 파일을 브라우저로 보내는 기술이며 다운로드가 완료되면 압축이 풀립니다. GZIP 압축은 캐싱 플러그인의 일반적인 기능이기도 합니다(아래에서 설명).

8. HTTP 요청 최적화

페이로드에 대해 광범위하게 이야기했지만 클라이언트에게 페이로드를 보내는 방법도 논의해야 합니다. 성능 평가 도구에 의해 플래그가 지정된 많은 문제가 HTTP 요청과 관련되어 있음을 알아차렸을 것입니다. 일반적인 메트릭에는 웹 페이지에 있는 HTTP 요청 수, 리디렉션이 포함된 요청 수, 브라우저가 모든 리소스를 다운로드하기 위해 수행해야 하는 DNS 조회 수가 포함됩니다.

HTTP 요청 수를 줄이는 한 가지 간단한 방법은 유사한 파일을 결합하는 것입니다. 예를 들어, 웹사이트에 대한 단일 CSS 스타일시트가 있어야 합니다. 모든 사용자 정의 스크립트도 단일 파일로 결합되어야 합니다. HTTP 요청 수가 줄어들면 페이지 로드 시간도 줄어듭니다. minifier 플러그인을 사용하는 경우 유사한 파일을 결합하는 플러그인을 선택하십시오.

HTTP 요청을 최적화하기 위해 DNS 조회 수를 최소화할 수도 있습니다. 브라우저는 새 도메인 이름에서 호스팅되는 리소스를 만날 때마다 해당 IP 주소를 얻기 위해 DNS 조회를 수행해야 합니다. 리소스를 단일 도메인에 저장하면 DNS 조회를 줄일 수 있습니다. CDN을 사용하여 정적 파일을 제공하는 경우 DNS 조회 수가 이미 최소화됩니다.

마지막으로 정적 리소스에 대한 리디렉션 수도 최소화해야 합니다. 리소스의 원래 위치가 새 위치를 가리킬 때 리디렉션이 발생합니다. 이는 본질적으로 브라우저가 리소스를 가져오기 위해 새 요청을 해야 함을 의미합니다.

9. WordPress에서 캐싱 활성화

캐싱은 방문자에게 빠르게 제공하기 위해 페이지의 일부를 임시 위치에 저장하는 프로세스입니다. 캐싱을 사용하면 서버 대역폭을 절약하고 페이지 로드 시간을 줄일 수 있습니다.

WordPress 사이트에 대한 캐싱 플러그인을 선택할 때 설정하기 쉽고 간단한 설정으로 성능 향상을 제공하는 플러그인을 선택하십시오. 전문 지식이 있는 경우 추가 속도 이점을 잠금 해제하려면 고급 설정으로 이동해야 합니다.

우리는 최고의 WordPress 캐싱 플러그인을 테스트하고 비교했습니다. WP Rocket은 테스트 결과에서 승자가 되었습니다.

10. 워드프레스와 PHP 업데이트 유지

WordPress와 PHP는 활발하게 개발되고 있는 인기 있는 소프트웨어입니다. 새로운 기능, 버그 수정, 보안 패치 및 성능 개선과 같은 개선 사항이 매일 통합됩니다.

따라서 이러한 개선 사항을 유지하려면 WordPress, 플러그인 및 PHP를 최신 버전으로 업데이트하는 것이 필수적입니다. 그러나 업데이트를 시작하기 전에 WordPress 사이트의 현재 버전을 백업해야 합니다.

요약

이 가이드에서는 먼저 페이지 속도가 사이트 소유자가 고려하고 최적화하는 데 중요한 이유에 대해 설명했습니다.

다음으로, 웹사이트의 품질과 성능을 개선할 수 있는 방법을 평가하는 몇 가지 인기 있는 도구를 살펴보았습니다.

마지막으로 충분히 빠른 웹 호스트를 사용하는 것부터 정기적으로 PHP와 WordPress를 업데이트하는 것까지 WordPress 사이트의 속도를 높이는 가장 중요한 기술에 대해 논의했습니다.

WordPress 사이트의 속도를 높이기 위해 다른 기술을 사용하고 있습니까? 아래 의견에 알려주십시오.