내 WordPress 사이트가 느린 이유는 무엇입니까? (그리고 속도를 높이는 방법)

느린 웹 사이트는 트래픽과 수익 손실로 이어집니다. Pingdom에 따르면 로드 시간은 이탈률, 즉 한 페이지 이상을 방문하지 않고 웹사이트를 떠나는 사람들의 비율과 직접적인 관련이 있습니다.

점점 더 많은 사람들이 인터넷 연결의 안정성이 떨어지는 모바일 장치에서 인터넷을 검색합니다. 그리고 모든 사람이 연결성이 좋은 지역에 사는 것은 아닙니다. 웹사이트의 로드 시간이 길면 액세스할 수 없습니다.

사람들이 귀하를 찾는 방법과 사용 중인 장치에 관계없이 웹사이트 로드 시간을 가능한 한 낮게 유지하는 데에는 아무런 단점이 없습니다. WordPress 사이트가 몇 가지 가능한 해결 방법과 함께 느려지는 이유를 살펴보겠습니다.

1. WordPress 사이트 속도 테스트

로드 시간에 영향을 미치는 요소가 너무 많기 때문에 테스트를 실행하여 가장 큰 기여를 하는 요소를 찾아내는 것부터 시작하십시오. 인기 있는 도구 중 하나는 Google의 PageSpeed와 Yahoo의 Yslow라는 두 가지 동시 테스트를 실행하는 GTmetrix입니다. 각각은 문자 등급과 백분율 등급을 제공합니다. GTmetrix 요약은 일반적으로 다음과 같습니다.

귀하의 사이트에 대한 중요한 정보를 제공하는 위에 표시된 "페이지 세부정보" 섹션을 확인하는 것으로 시작하십시오. "완전히 로드된 시간"은 페이지가 사용자의 브라우저에서 완전히 로드되는 데 걸리는 시간을 나타냅니다. 공식 벤치마크는 없지만 2초 미만의 로드 시간을 위해 노력해야 합니다.

웹 서버와 방문자의 근접성은 로드 시간에 영향을 줄 수 있으므로 사이트를 방문자 대다수와 최대한 가깝게 호스팅하는 것이 좋습니다. 이 경우 테스트 서버가 캐나다에 있다는 점은 주목할 가치가 있습니다. 웹 서버가 유럽에 있는 경우 완전히 로드된 시간은 특히 정확하지 않거나 유럽 사용자가 경험하는 것을 나타내지 않을 수 있습니다.

"총 페이지 크기"는 성능의 우수한 초기 지표입니다. GTmetrix에 따르면 평균 총 페이지 크기는 3.25MB입니다. 당신의 수치가 훨씬 높으면 문제가 있음을 나타낼 수 있습니다. 그러나 모든 웹사이트는 다르기 때문에 사이트 목적과 페이지 콘텐츠의 맥락에서 이것을 고려하십시오.

"Requests" 값은 클라이언트(귀하)가 서버(귀하의 웹사이트)로 보내는 HTTP 요청 수입니다. 실제로 각 요청은 HTML, CSS, JavaScript 또는 이미지와 같이 다운로드할 파일입니다. 각 요청을 처리하는 데 시간이 걸리므로 일반적으로 이 숫자를 가능한 한 낮게 유지하는 것이 좋습니다. GTmetrix에 따른 페이지당 평균 요청 수는 91입니다.

사이트 요청 수를 줄이려면 CSS와 JS 파일을 결합할 수 있습니다. WordPress.org 저장소는 이를 처리할 수 있는 다양한 플러그인 옵션을 제공합니다.

Pagespeed 및 Yslow 결과는 유용한 세부 정보를 많이 제공하지만 상당히 기술적인 것일 수도 있습니다. 최소한의 노력으로 가장 큰 이득을 얻을 수 있는 사이트 속도를 높이는 간단한 방법을 안내해 드리겠습니다.

2. 더 빠른 로딩 속도를 위해 이미지 최적화

성능 최적화 작업과 함께 기본부터 시작하십시오. 이미지는 느린 웹사이트에 가장 큰 기여를 하는 경우가 많습니다. 웹사이트에 이미지가 있는 경우 파일 크기를 줄이기 위해 개선할 수 있는 사항이 있을 수 있습니다.

• 이미지를 압축합니다. 이미지는 "무손실 압축"(이미지 품질 저하 없음) 또는 "손실 압축"(이미지 품질 저하)이 될 수 있습니다. 상당한 선명도 손실 없이 이미지를 압축할 수 있다는 사실에 놀랄 수 있습니다.
• 필요한 것보다 큰 이미지 파일을 업로드하지 마십시오. 레이아웃에서 너비가 300px인 이미지를 사용하는 경우 1200px인 이미지를 업로드하지 마세요.
• 올바른 형식을 사용하십시오. 간단한 아이콘은 SVG, 투명도가 필요한 것은 PNG, 기타 사진은 JPEG여야 합니다.
• 사이트에 지연 로딩을 추가합니다 . 사이트가 로드될 때 모든 이미지를 표시하면 웹사이트는 필연적으로 많은 사용자가 보지도 못하는 사진을 제공하게 됩니다. 지연 로딩은 이미지가 사용자의 화면에 없으면 로딩되지 않는다는 것을 의미합니다. 이는 사이트 속도에 큰 영향을 줄 수 있습니다. 지연 로딩은 설정하기가 약간 까다로울 수 있지만 운 좋게도 이 기능은 Jetpack에 포함되어 있습니다.

더 자세히 알고 싶다면 WooCommerce에 이미지 최적화에 대한 훌륭한 기사가 있습니다.

3. 외부에서 비디오 및 오디오 호스팅

비디오 및 오디오는 웹사이트 방문자의 참여를 유도하는 좋은 방법입니다. 불행히도 비용이 듭니다. 파일이 더 크고 로드하는 데 시간이 더 오래 걸립니다. 미디어에 대한 고급 제어를 원하지 않는 한 비디오 및 오디오를 외부에서 호스팅하는 것을 고려하십시오. 다양한 기능과 가격으로 다양한 서비스를 사용할 수 있습니다. 비디오 및 오디오를 오프사이트에서 호스팅하면 대역폭 소비도 절약되므로 사이트의 호스팅 비용이 낮아질 수 있습니다.

Jetpack은 WordPress 사이트에 가장 완벽한 솔루션을 제공하며 광고가 전혀 없습니다. 미디어 라이브러리 및 포스트 편집기와 직접 통합되며 특히 WordPress에 최적화되어 있습니다. Jetpack이 WordPress 사이트용 비디오 호스팅에 어떻게 도움이 되는지 자세히 알아보세요.

4. WordPress에 적합한 호스팅 선택

특정 요구 사항에 적합한 호스팅 제공업체를 선택하는 것이 중요합니다. 고려해야 할 몇 가지 요소:

• 청중은 어디에 있습니까? 귀하의 웹사이트는 귀하의 서버에 더 가까운 사용자에게 더 빨리 로드됩니다. 타겟 고객 근처에 서버가 있는 호스트를 선택하십시오.
• 공유, 클라우드 또는 전용? 공유 호스팅은 서버를 수백 또는 수천 개의 웹사이트로 나누며 가장 경제적인 옵션인 경우가 많습니다. 일반적으로 트래픽이 적은 사이트에 적합합니다. 클라우드 호스팅은 지난 몇 년 동안 매우 인기를 얻었으며 선택한 계획에 따라 보장된 리소스와 쉽게 확장 또는 축소할 수 있는 기능을 제공합니다. 트래픽이 갑자기 급증하는 경우에 유용합니다. HDD, CPU, RAM, 대역폭 등의 모든 서버 리소스와 함께 전용 서버가 여러분의 것입니다. 이것은 일반적으로 대규모 사이트에 가장 적합한 옵션이지만 클라우드 호스팅보다 비용이 많이 들고 트래픽 급증에 대처하는 능력이 떨어집니다.
• 어떤 리소스가 필요합니까? 처음에는 이것을 모를 수 있으며 웹 사이트가 성장함에 따라 변경됩니다. 일부 리소스는 계산하기 쉽지만 CPU 및 RAM과 같은 리소스는 너무 많은 요소에 의존하기 때문에 더 복잡합니다. 공유 서버 단계를 넘어 성장했지만 정확히 무엇이 필요한지 확실하지 않은 경우 확장 가능한 클라우드 호스팅이 이상적인 선택이 될 수 있습니다.
• 호스트가 제공하는 PHP 버전은 무엇입니까? PHP는 워드프레스의 기반이 되는 프로그래밍 언어입니다. 최신 버전의 PHP는 최신 언어 기능과 보안 업데이트를 제공할 뿐만 아니라 훨씬 빠르고 효율적으로 실행됩니다. 일반적으로 웹 호스트 제어판을 보거나 Display PHP Version과 같은 플러그인을 설치하여 실행 중인 PHP 버전을 확인할 수 있습니다. 호스트가 여전히 5.6을 실행 중인 경우 업그레이드를 위해 푸시하거나 새 솔루션을 찾아야 합니다. WordPress PHP 요구 사항에 대해 자세히 알아보세요.
• 다운타임을 겪고 있습니까? 사이트가 자주 다운되는 경우 호스트가 불안정하여 공급자를 변경하고 싶을 수 있습니다. Jetpack Backup은 웹사이트 마이그레이션을 지원하고 무료 다운타임 모니터링을 제공합니다.

5. 워드프레스 친화적인 CDN 사용

서버를 청중 가까이에 두는 것이 좋습니다. 하지만 그 청중이 전 세계에 있다면 어떨까요?

그렇다면 콘텐츠 전송 네트워크가 큰 도움이 될 것입니다. CDN은 서버에서 자산(이미지, CSS, JavaScript, 비디오, 오디오 등)을 가져와 전 세계에 분산된 서버 네트워크로 오프로드합니다. 즉, 사용자에게 더 가까운 위치에서 자산을 제공할 수 있고 사이트가 더 빨리 로드됩니다.

각각 비용이 다른 많은 CDN이 있습니다. BunnyCDN과 같은 일부는 WordPress 플러그인을 제공하지만 다른 일부는 수동 설정 또는 타사 솔루션이 필요합니다. Jetpack에는 몇 번의 클릭만으로 설정할 수 있는 Site Accelerator라는 무료 CDN이 포함되어 있습니다.

6. 캐싱을 구현하여 WordPress 사이트 속도 향상

각 WordPress 사이트는 데이터베이스로 구동되며 모든 페이지 로드에는 해당 데이터베이스에서 정보 검색이 포함됩니다. 이는 서버에 부담을 줄 뿐만 아니라 실행하는 데도 시간이 걸립니다. 페이지 캐싱은 웹사이트 속도를 높이는 일반적인 방법입니다. — 데이터베이스에서 데이터를 가져와야 하는 횟수를 줄여줍니다.

페이지 캐싱은 페이지의 정적 버전이 저장되어 각 사용자에게 제공됨을 의미합니다. 많은 웹 호스트는 이제 서버 수준에서 WordPress 페이지 캐싱을 포함합니다. 그렇지 않은 경우 WP Super Cache와 같은 훌륭한 플러그인 솔루션을 사용할 수 있지만 최적의 결과를 얻으려면 약간의 지식과 구성이 필요합니다.

7. WordPress 플러그인 및 테마를 신중하게 선택

플러그인에는 자체 PHP, CSS, JavaScript, 이미지 등이 있으므로 설치하는 플러그인마다 사이트 속도가 느려질 수 있습니다. 플러그인을 현명하게 선택하고 리뷰에 주의하십시오.

플러그인이 사이트 속도에 부정적인 영향을 미치지 않도록 하려면 새 플러그인을 설치한 후 GTmetrix와 같은 도구로 사이트를 스캔하여 속도에 상당한 영향을 미쳤는지 확인하십시오. 많은 플러그인을 사용하고 있는 경우 Jetpack과 같은 여러 기능이 있는 하나의 플러그인을 사용하여 통합할 수 있습니다. CDN, 이미지 최적화, 백업, 보안, 분석 및 기타 여러 도구를 제공합니다.

특히 테마에 주의해야 합니다. 기능이 가득한 테마는 훌륭하게 들릴 수 있지만 이러한 기능에는 많은 코드가 포함됩니다. 모두 사용하지 않으면 사이트 속도가 불필요하게 느려집니다. 다시 말하지만, 테마 성능을 테스트하는 간단한 방법은 GTMetrix로 테마 데모를 스캔하는 것입니다. 일부 점수는 데모 서버가 구성된 방식을 기반으로 하지만 요청 수, 로드 시간 및 페이지 크기가 속도를 나타내는 좋은 지표가 될 수 있습니다.

WordPress 사이트 속도 향상

일반적으로 느린 WordPress 웹 사이트의 단일 원인은 없습니다. 플러그인을 설치한 후 속도가 느려지는 것처럼 문제가 명확하지만 대부분의 경우 추적하기 어렵습니다. 이는 콘텐츠와 플러그인을 자주 업데이트하고 많은 양의 트래픽을 수신하는 바쁜 웹사이트에 특히 해당됩니다.

웹사이트의 성능을 유지하려면 WordPress, 플러그인 및 테마를 정기적으로 업데이트하고 속도 변화를 지속적으로 모니터링하는 모범 사례를 따르십시오. 웹 사이트를 원활하게 운영하려면 사이트 기여자 교육도 필요합니다. 불필요하게 큰 이미지를 삽입하지 않는지 확인하고 플러그인을 임의로 설치할 수 없도록 적절한 수준의 액세스 권한만 부여합니다.

전반적으로 몇 가지 간단한 단계를 통해 속도를 크게 높일 수 있습니다. Jetpack은 느린 웹사이트를 빠르게 수정하는 데 필요한 모든 것을 제공합니다.

Jetpack 속도 도구에 대해 자세히 알아보십시오.