좋은 핵심 웹 바이탈을 위한 상위 7개의 WordPress 테마(2023 순위)

WordPress 리포지토리에는 10,500개 이상의 무료 테마가 있습니다.

그리고 그 수는 날이 갈수록 계속 늘어나고 있습니다.

그렇다면 어떻게 최고의 것을 정확히 찾아낼 수 있을까요? 좋아하는 모든 테마를 테스트하고 모든 성능 메트릭, 점수 및 밀리초를 비교해야 합니까?

솔직히 말해서 하루 종일 하고 싶은 작업처럼 들리지 않습니다.

특히 우리가 당신을 위해 그것을 했을 때!

따라서 활성화, 비활성화, 테스트, 결과 작성 및 비교에 시간을 낭비하는 대신 철저한 조사와 테스트를 거친 후 눈에 띄는 7가지 WordPress 테마를 찾아보세요.

우수한 핵심 웹 바이탈을 위한 최고의 WordPress 테마 후보를 테스트한 방법

참고: 트래픽을 생성하지 않고 실제 세계에서 테마의 성능을 근사화하는 가장 좋은 방법은 실험실 기반 Core Web Vitals에 의존하는 것입니다. 우리의 경험에 따르면 실험실에서 LCP, CLS 및 TBT를 통과한 테마는 현장에서 동일한 좋은 결과를 재현할 가능성이 더 높습니다.

우리는 WP 저장소에서 인기를 기반으로 한 테마와 함께 과거에 WordPress 개발자가 작업한 대규모 테마 풀을 수집하여 연구를 시작했습니다.

그런 다음 긴 속도 테스트 프로세스를 시작했습니다.

• 빈 WordPress 설치에서 테마를 설치하고 활성화합니다.
• 콘텐츠, 메뉴, 페이지, 게시물 또는 플러그인을 추가하지 않고 테마를 그대로 둡니다.
• Google의 PageSpeed ​​Insights를 통해 테마로 웹 사이트를 실행하십시오.
• GTmetrix를 통해 테마를 실행합니다.
• Pingdom 속도 테스트를 통해 테마를 실행합니다.
• 모든 결과를 수집하고 비교하십시오.

각각의 표준과 메트릭이 다르기 때문에 세 가지 테스트 도구를 사용하기로 결정했습니다. 우리는 한 도구가 다른 도구보다 더 좋거나 더 나쁜 결과를 제공하지 않도록 하고 싶었습니다.

각 도구에서 특정 메트릭을 모니터링하기로 결정했습니다.

PageSpeed ​​통계

Google의 PSI(PageSpeed ​​Insights)는 속도 및 Core Web Vitals에 대한 테마를 테스트하기 위한 이동 도구입니다. 실제 트래픽이 없다는 점을 고려하여 성능 점수와 모바일 및 데스크톱의 지표에 중점을 두었습니다.

다음은 우리가 중점을 둔 메트릭입니다.

• 성능 점수 . 100점 만점이며 LCP, CLS, 속도 지수, TBT 및 FCP와 같은 메트릭을 기반으로 합니다. 측정 항목마다 가중치가 다릅니다.
• 첫 번째 만족스러운 페인트. FCP는 브라우저가 DOM 콘텐츠의 첫 번째 조각을 시각화하는 데 걸리는 시간입니다.
• 가장 큰 만족스러운 페인트. LCP는 스크롤 없이 볼 수 있는 가장 큰 요소가 페이지에 로드되는 데 걸리는 시간을 측정합니다.
• 속도 지수 . 페이지의 내용이 눈에 띄게 채워지는 속도를 보여줍니다. 낮을수록 좋습니다.
• 총 차단 시간. 완전히 대화형이 되기 전에 페이지가 얼마나 응답하지 않는지 보여줍니다.
• 누적 레이아웃 이동. CLS는 예상치 못한 레이아웃 변경이 페이지의 사용자 환경에 얼마나 영향을 미치는지 측정합니다.

지메트릭스

GTmetrix는 웹 사이트의 속도와 최적화를 분석하여 성능 문제를 식별하고 테마에 과도한 수의 불필요한 파일이 포함되어 있는지 확인하는 데 유용한 도구입니다.

우리가 구역화한 메트릭은 다음과 같습니다.

• GTmetrix 등급. 성능 및 구조 점수의 가중 등급입니다.
• 성능 점수. GTmetrix에서 사용자 지정 감사, 분석 옵션, 브라우저 및 하드웨어 사양과 함께 캡처한 Lighthouse 성능 점수입니다.
• 구조 점수 . Lighthouse 및 Custom GTmetrix 감사에 대한 독점 평가입니다. 최적의 성능을 위해 테마/페이지가 얼마나 잘 구축되었는지 나타냅니다.
• 웹 바이탈. 테마/페이지가 우수한 전반적인 경험을 제공하는지 여부를 측정하는 랩 기반 핵심 성능 지표 지표입니다.
• 로드 시간. 웹 페이지가 완전히 로드되는 데 걸리는 시간입니다.

핑덤

Pingdom은 GTmetrix와 유사점을 공유하지만 서로 다른 메트릭을 제공하므로 두 도구를 동시에 사용하는 것을 선호합니다. 또한 Pingdom은 다양한 위치에서 웹 페이지를 테스트할 수 있는 쉬운 방법을 제공합니다.

모든 테마는 북미 - 미국 - 워싱턴 DC에서 테스트되었습니다.

우리가 모니터링한 지표:

• 성과 등급 100점 만점에 누적 등급입니다.
• 로드 시간. Pingdom이 테마가 설치된 전체 웹사이트를 로드하는 데 걸리는 시간입니다.
• 페이지 크기. 페이지의 모든 사이트 파일 크기입니다. 주제는 이것에 큰 영향을 미칩니다.
• 요청. 테마 및 사이트 콘텐츠를 사용자에게 전달하기 위한 서버 요청 수입니다.

최고의 성능을 발휘하는 WordPress 테마에 대한 빠른 요약

각 테마, 기능, 가격 및 성능 점수에 대해 자세히 알아보기 전에 테스트 요약이 있습니다.

참고: 다음 순위는 Pingdom 결과, 특히 페이지 크기 및 로드 시간을 기반으로 합니다. 기사 뒷부분에서 각 주제와 해당 CWV 결과를 검토합니다.

1. Twenty Twenty-Three –페이지 크기:26.3KB;로드 시간:520ms
2. Hello Elementor –페이지 크기: 32.7KB;로드 시간:520ms
3. GeneratePress –페이지 크기: 37.7KB;로드 시간:538ms
4. Neve –페이지 크기: 42.4KB;로드 시간:552ms
5. 시드니 –페이지 크기: 48.1KB;로드 시간:560ms
6. Astra –페이지 크기: 48.5KB;로드 시간:619ms
7. Kadence –페이지 크기: 54.8KB;로드 시간:628ms

2023년 핵심 성능 보고서를 통과하기 위한 최고의 WordPress 테마

기능, 가격, 성능 결과 - 각 경쟁자에 대한 자세한 개요부터 시작하겠습니다.

1. Twenty Twenty-Three - 구텐베르크의 절정

기본 Twenty Twenty-Three 테마는 WordPress 6.1에 도입된 최신 디자인 도구를 사용하도록 개발되었습니다.

이 테마는 단순하고 깔끔한 기반을 활용하며 WordPress 커뮤니티에서 제공하는 10가지 고유한 스타일 변형을 제공합니다.

Twenty Twenty-Three를 사용하면 미리 디자인된 스타일을 활용하거나 보다 실용적인 접근 방식을 취하고 원하는 대로 사용자 지정하여 모든 수준의 복잡한 웹 사이트를 쉽게 만들 수 있습니다.

최신 기본 WordPress 테마의 놀라운 점은 단순성과 가벼움입니다. Twenty Twenty-Three는 유연하며 템플릿 편집, 스타일 변형, 타이포그래피 및 블록 패턴과 같은 Gutenberg의 사이트 편집 기능에 완벽하게 적합합니다.

가격: 무료

활성 설치: 800,000+

최고의 기능: 미니멀리스트 디자인, 경량, 미리 디자인된 스타일

적합 대상: 테스트 환경 및 다양한 웹사이트 구축

테스트 결과

Twenty Twenty-Three는 세 가지 테스트 모두에서 놀라운 결과를 얻었습니다. 더 중요한 것은 랩 기반 Core Web Vitals가 우수한 실제 성능을 위한 전제 조건인 녹색 상태에 있었다는 것입니다.

PSI에서는 모바일과 데스크톱에서 완벽한 점수를 얻었으며 두 테스트 모두에서 100/100을 달성했습니다. 또한 로드 시간이 1.4초로 GTmetrix에서 A 등급(98% 성능 점수, 100% 구조 점수)을 기록했습니다.

우리의 Pingdom 테스트는 Twenty Twenty-Three의 "경량" 레이블을 확인했습니다. 페이지 크기가 26.3KB에 불과한 이 테마는 우리가 테스트한 모든 항목에서 확실한 승자였습니다.

2. Hello Elementor - 전자상거래의 핵심

Elementor는 모든 웹사이트의 8.0%에서 사용되며, 웹 페이지 구축이 얼마나 쉬운지 고려하면 놀라운 일이 아닙니다. 글쎄, 가장 인기있는 페이지 빌더 중 하나를 만드는 동일한 개발자가 Hello Elementor라는 빠르고 가벼운 테마를 제작했습니다.

테마는 빠르고 유연하다고 광고됩니다. 예상할 수 있듯이 Elementor 및 WooCommerce, Advanced Custom Fields, Yoast 등과 같은 수많은 다른 플러그인과 원활하게 통합됩니다.

또한 100개 이상의 기성품 디자인을 제공하여 처음부터 완벽하게 작동하는 웹사이트를 만들 수 있습니다.

가격: 무료

활성 설치 수: 1백만 이상

최고의 기능: 경량, 100개 이상의 기성품 디자인, 사용자 정의 가능

적합 대상: 처음부터 웹사이트 구축

테스트 결과

Twenty Twenty-Three와 마찬가지로 Hello Elementor는 데스크톱과 모바일 모두에서 뛰어난 CWV 결과를 얻었습니다.

GTmetrix와 Pingdom에서 완벽하게 득점했습니다. 실제로 Pingdom 테스트에서는 WordPress 기본 테마와 동일한 로드 시간이 520ms로 두 번째로 가벼운 테마로 평가되었습니다.

경량으로 판매되고 있지만 Hello Elementor는 자체적으로 사용자 정의할 수 없습니다. Elementor를 페이지 구축 솔루션으로 추가해야 웹 사이트 성능에 영향을 줄 수 있습니다.

3. GeneratePress - 블록 기반

GeneratePress는 속도, 유용성 및 접근성을 우선시하도록 설계된 WordPress 테마입니다.

Gutenberg의 활용은 콘텐츠를 만들 때 자유를 보장합니다. 페이지 빌더를 사용하는 경우 GeneratePress가 Beaver Builder 및 Elementor를 포함한 모든 주요 빌더와 완벽하게 호환된다는 소식을 듣고 싶습니다.

GeneratePress는 완벽하게 반응하며 25개 이상의 언어로 번역되었습니다. 또한 60개 이상의 색상 컨트롤, 강력한 동적 타이포그래피, 5개의 탐색 위치, 5개의 사이드바 레이아웃, 드롭다운 메뉴 및 9개의 위젯 영역이 포함되어 있습니다.

가격: 무료 $59/년, $249/평생

활성 설치: 500,000+

최고의 기능: 속도 지향, 반응성, 페이지 빌더와 호환

에 적합: 모든 종류의 웹사이트

테스트 결과

테마를 검색할 때 우리의 관심을 끈 한 가지는 GeneratePress의 "100% 페이지 점수" 문구였습니다. 그래서 우리는 그것을 시험해보고 싶었습니다.

우리는 GeneratePress가 이야기를 하고 걸었다고 말할 수 있습니다. 세 가지 테스트 모두에서 거의 완벽한 성능 점수를 받았습니다.

페이지 크기에 관해서는 그 결과에 놀랐습니다. Pingdom을 통해 웹사이트를 운영하면서 페이지 크기는 37.7KB로 웹사이트에서 약속한 "7.5KB"와 약간 다릅니다.

4. Neve - 다목적

Neve는 다양한 용도로 사용자 정의할 수 있는 다재다능하고 빠른 테마입니다. WooCommerce 매장, 개인 포트폴리오 사이트 및 기타 다양한 프로젝트를 사용하는 블로거, 중소기업, 신생 기업, 대행사, 회사 및 전자 상거래 상점에 이상적입니다.

AMP 및 응답성에 최적화되어 모든 장치에서 빠른 로딩 시간과 최적의 디스플레이를 보장합니다. 미니멀한 디자인을 가지고 있지만 Neve는 쉽게 확장할 수 있으며 SEO에 최적화된 코드를 제공하여 Google 검색 순위에서 상위를 차지할 수 있습니다.

Neve는 구텐베르크 및 Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin 및 Divi와 같은 인기 있는 페이지 빌더와도 호환됩니다.

가격: 무료 $69/년; $149/년; $249/년

활성 설치: 300,000+

최고의 기능: 반응형, SEO 최적화, 미니멀리스트 디자인

적합 대상: 다양한 목적 및 사이트

테스트 결과

Core Web Vitals 및 성능 점수와 관련하여 Neve는 이전 옵션만큼 우수합니다.

목록에서 4번째로 나오는 이유는 페이지 크기와 로드 시간 때문이지만 테스트를 중단해서는 안 됩니다.

Neve의 이점 중 하나는 JQuery와 같은 프레임워크가 아닌 바닐라 JS를 사용한다는 것입니다. 이것은 성능 향상에 기여하고 보다 반응이 빠른 웹 사이트를 만듭니다.

5. 시드니 - 프리랜서가 좋아하는 곳

시드니는 비즈니스 또는 프리랜서가 놀라운 온라인 입지를 빠르게 구축할 수 있는 강력한 테마입니다.

이 테마는 Elementor와 완벽하게 호환되며 모든 Google 글꼴에 대한 액세스, 완전한 색상 제어, 레이아웃 제어, 로고 업로드, 전체 화면 슬라이더, 헤더 이미지, 고정 탐색 및 기타 여러 기능을 포함한 다양한 사용자 정의 옵션을 제공합니다.

또한 시드니는 매력적인 페이지를 신속하게 만드는 데 필요한 모든 구성 요소를 제공합니다.

가격: 무료 $69/년, $99/년; $199/평생

활성 설치: 100,000+

최고의 기능: Google 글꼴에 대한 액세스, 색상 제어

적합 대상: 비즈니스 웹사이트

테스트 결과

Sydney를 새로 설치한 후 테마의 성능을 테스트했습니다.

결과:

방문자와 검색 엔진을 만족시킬 웹사이트를 구축할 수 있는 모든 요소가 있습니다.

속도 및 Core Web Vitals 측면에서 Sydney는 다른 테마와 동일한 순위를 차지했습니다. 그러나 전체 페이지 크기는 Twenty Twenty-Three보다 두 배(48.1KB) 큽니다.

6. 아스트라 - 모두에게 알려진, 모두에게 사랑받는

Astra는 가장 인기 있는 워드프레스 테마입니다. 빠르고 완벽하게 사용자 정의할 수 있으며 시각적으로 매력적이어서 블로그, 개인 포트폴리오, 비즈니스 웹 사이트 및 WooCommerce 상점과 같은 다양한 목적에 적합한 선택입니다.

Astra는 또한 50KB 미만의 프런트엔드 크기로 경량으로 설계되어 비교할 수 없는 속도에 기여합니다. 이 테마는 SEO를 염두에 두고 제작되었으며 Schema.org 코드와 네이티브 AMP 지원을 통합하여 사이트의 검색 엔진 가시성을 향상시킵니다.

또한 Astra는 Elementor, Beaver Builder, Visual Composer, SiteOrigin 및 Divi와 같은 인기 있는 페이지 빌더와 호환되는 고유한 기능 및 템플릿을 제공하여 선호하는 페이지 빌더와의 원활한 통합을 보장합니다.

가격: 무료 $47/년, $137/년; $187/년; 평생 옵션 사용 가능

활성 설치 수: 1백만 이상

최고의 기능: 사전 구축된 웹 사이트, 다양한 사용자 정의 옵션, 빠른 속도

적합 대상: 모든 웹사이트

테스트 결과

우리의 예상과 달리 Astra는 우리가 생각한 만큼의 성과를 거두지 못했습니다. 예, PSI 모바일 점수는 훌륭했지만 데스크톱에서는 수준 이하의 결과를 보였습니다.

또한 GTmetrix에서 성능 점수가 85%에 불과한 것도 놀라운 일이었습니다. 그럼에도 불구하고 다른 모든 메트릭은 우리 순위의 리더와 유사했습니다.

7. Kadence - 로우 키 좋아하는 것

Kadence는 가볍고 기능이 풍부한 WordPress 테마로, 아름답고 빠르게 로드되며 액세스 가능한 웹 사이트를 쉽게 만들 수 있습니다.

주목할만한 기능 중 하나는 직관적인 끌어서 놓기 머리글 및 바닥글 빌더로, 몇 분 만에 모든 유형의 머리글을 구성할 수 있습니다. 또한 이 테마는 지능형 글로벌 글꼴 및 색상 제어를 통해 쉽게 사용자 정의할 수 있는 멋진 시작 템플릿의 포괄적인 라이브러리를 자랑합니다.

또한 Kadence 테마는 가장 인기 있는 타사 플러그인과의 호환성이 뛰어나 인상적인 전자 상거래 웹 사이트, 코스 웹 사이트, 비즈니스 웹 사이트 및 기타 유형의 사이트를 신속하게 개발할 수 있습니다.

가격: 무료 $129/첫해, $199/첫해

활성 설치: 200,000+

최고의 기능: 직관적인 드래그 앤 드롭, 스타터 템플릿, 성능 지향

에 적합: 모든 종류의 웹사이트

테스트 결과

Kadence의 기본 페이지 크기는 54.8KB입니다. 그룹에서 가장 큰 그룹이지만 여전히 PSI 테스트에서 탁월하고 GTmetrix에서 A를 받았습니다.

이 테마가 얼마나 많이 포함되어 있는지 고려하면 일부 최적화와 우수한 사이트 속도 최적화 플러그인으로 크게 개선될 수 있습니다.

어떤 테마를 설치해야 합니까?

그들 모두.

예, 당신은 그 권리를 읽었습니다.

직접 테스트할 수 있는 작은 옵션 풀을 제공하기 위해 목록을 7개 테마로 좁혔습니다.

50개 이상의 방대한 테마 목록으로 당신을 압도하는 대신 7개의 테마를 직접 살펴보는 것이 훨씬 빠르고 쉽습니다.

우리는 이 글에 포함된 것들이 웹사이트를 구축하고 좋은 성능을 발휘할 수 있는 최고의 토대를 제공한다고 믿습니다.

그리고 우리는 기초를강조합니다.

우리는 연구에서 테마 위에 추가된 콘텐츠나 플러그인 없이 테마를 테스트했습니다.

따라서 모든 것을 시도하고 사용자 정의 기능을 사용하고 일부 콘텐츠를 추가하고 몇 가지 플러그인을 설치하는 것이 좋습니다.

그런 다음 특정 요구 사항과 요구 사항에 따라 최상의 결과를 제공하는 것이 무엇인지 테스트하고 확인하십시오.

핵심 성능 보고서를 추가로 개선하는 방법[체크리스트]

속도에 최적화된 테마를 기반으로 구축하면 Core Web Vitals 여정에서 유리한 출발을 할 수 있습니다.

그러나 대부분의 경우 빠른 테마에만 의존하는 것만으로는 점수를 얻기에 충분하지 않습니다.

그렇기 때문에 각 CWV 지표를 최적화하기 위해 따를 수 있는 모범 사례에 대한 빠른 체크리스트를 준비했습니다.

1. 최대 콘텐츠 페인트(LCP)

• 가벼운 테마 사용
• 불필요한 플러그인으로 사이트를 부풀리지 마십시오
• 이미지 압축
• 차세대 형식으로 이미지 제공
• 영웅 이미지 미리 로드
• 코드 파일 축소 및 압축
• 중요한 CSS 구현
• CDN 사용
• 캐싱 플러그인 설치

2. 첫 번째 입력 지연(FID)

• 중요하지 않은 타사 스크립트 지연 또는 제거
• 코드 파일 축소 및 압축
• 사용하지 않는 CSS 줄이기
• 사용하지 않는 JavaScript 연기

3. 누적 레이아웃 시프트(CLS)

• 이미지 및 비디오에 너비 및 높이 속성 추가
• 광고, 내장 및 iFrame을 위한 공간 예약
• 글꼴 전달 최적화

많은 작업처럼 보일 수 있지만 이러한 모든 모범 사례를 적용하는 이점은 결국 탁월한 실제 비즈니스 결과로 이어질 것입니다.

한 번에 하나씩 최적화하기만 하면 됩니다.

또는…

NitroPack을 사용하여 자동 조종 장치에서 Core Web Vitals 전달 →