2022년 가장 빠른 WooCommerce 테마 10가지(심층 테스트 기반)

한 달에 $30,000를 벌어들이는 상점은 단 1초의 지연으로 인해 연간 $25,000의 수익을 잃을 수 있습니다. 그보다 느린 상점의 경우 손실이 훨씬 더 큽니다.

빠른 WooCommerce 스토어의 핵심 구성 요소 중 하나는 테마입니다. 잘못된 테마를 선택하면 전환율이 감소하고 사용자 경험에 부정적인 영향을 미치며 검색 엔진 순위에 해를 주어 상점 속도가 느려지고 비즈니스에 피해를 줄 수 있습니다.

따라서 테마로 인해 웹사이트가 최대한 빨리 로드되지 않도록 2022년에 사용할 수 있는 가장 빠른 WooCommerce 테마 10가지의 성능을 비교했습니다.

그 중 일부는 WooCommerce 상점을 위해 명시적으로 설계되었으며 다른 일부는 우수한 전자 상거래 템플릿과 기능을 갖춘 범용 옵션입니다. 이러한 테마의 대부분은 사용 가능한 가장 빠른 테마라고 주장하지만 다른 테마는 매우 인기 있는 옵션으로 포함되어 있습니다.

결과 요약

테스트의 전체 결과를 보고 이 기사의 뒷부분에서 테스트가 어떻게 실행되었는지 정확히 확인할 수 있습니다. 그러나 다음은 가장 빠른 테마를 설명하는 간단한 요약입니다.

테스트를 위해 Google PageSpeed ​​Insights(PSI)와 Pingdom을 사용했습니다. 테스트를 실행하기 전과 각 테마가 활성화된 후 웹 사이트를 새로 고쳐 각 테마의 내부 캐시를 준비했습니다. PSI와 Pingdom은 모두 100점 만점의 전체 성능 등급과 사이트 성능에 대한 자세한 정보를 제공합니다.

PSI는 또한 테마가 데스크탑 및 모바일 장치에서 어떻게 수행되었는지 측정합니다. Pingdom에서 평가된 것은 데스크탑 경험뿐이었습니다. 각 사이트의 단일 제품 페이지와 상점 홈페이지를 테스트했습니다.

두 페이지(단일 제품 및 상점 홈페이지)의 평균 PSI 성능 등급을 기반으로 PSI에 따르면 가장 성능이 좋은 테마는 다음과 같습니다.

• 최고의 모바일 PSI 성능 등급: Shoptimizer(평균 등급 93.5).
• 최고의 데스크탑 PSI 성능 등급: Botiga(평균 등급 92.5).
• 최고의 전체 PSI 데스크탑 및 모바일 성능 등급: Shoptimizer(평균 등급 86.25).

이 기사에서 볼 수 있듯이 테스트 결과에는 성능 등급보다 더 많은 것이 있습니다. 그러나 테마가 얼마나 빠른지에 대한 좋은 개요를 제공합니다.

첫 번째 입력 지연 및 총 차단 시간

결과에서 볼 수 있는 유용한 메트릭 중 하나는 총 차단 시간(TBT)입니다. TBT는 페이지가 대화형이 되는 데 걸리는 시간을 잘 나타냅니다. 예를 들어 사용자가 버튼이나 다른 대화형 페이지 요소를 클릭할 때 작업을 수행할 수 있습니다. 이것은 FID(First Input Delay)와 사용자가 페이지를 인식하는 속도에 중요한 역할을 합니다.

FID는 사용자가 페이지와 처음 상호 작용할 때부터 브라우저가 실제로 해당 상호 작용에 대한 응답 처리를 시작할 수 있는 시간까지의 시간을 측정합니다. 랩 테스트에서는 FID를 측정할 수 없지만 PSI로 측정되는 페이지 차단 시간은 FID와 좋은 상관관계를 보입니다.

Google에 따르면 작업의 차단 시간이 50ms보다 길면 "사용자가 지연을 알아차리고 페이지가 느리거나 버벅거림으로 인식할 가능성이 있습니다." 페이지의 TBT는 FCP(First Content Pain)와 TTI(Time to Interactive) 사이에 발생하는 각 긴 작업에 대한 차단 시간의 합계입니다.

TBT를 개선하기 위해 할 수 있는 모든 작업은 FID도 개선해야 하며, 이는 다시 사용자가 페이지를 경험하는 속도를 증가시킵니다.

테스트한 거의 모든 테마가 데스크톱에서 좋은 TBT 점수를 받았지만 GeneratePress, OceanWP 및 Storefront만 모바일 TBT 테스트에서 정말 좋은 점수를 받았습니다.

TBT뿐만 아니라 모든 결과를 보면 Shoptimizer가 전반적으로 가장 우수했지만 평균 PSI 모바일 성능 등급(79)은 다른 테마보다 약간 낮았습니다. 이 때문에 단일 페이지와 상점 홈페이지의 점수를 평균화할 때 모바일과 데스크톱(각각 82.5 및 88.5) 모두에서 좋은 점수를 받은 GeneratePress 테마에 더 관심이 있을 수 있습니다.

Statista에 따르면 전 세계 모바일 소매 전자 상거래 매출이 2020년 29억 달러에서 2021년 35억 달러로 계속 증가함에 따라 데스크톱 및 모바일 사용자 모두에게 빠른 테마를 선택하는 것이 중요합니다. 이를 기반으로 하는 GeneratePress는 PSI 테스트에 따라 즉시 사용할 수 있는 최상의 옵션입니다.

페이지 크기, 로드 시간 및 요청 수를 측정하면서 성능 등급도 부여한 Pingdom은 Botiga와 GeneratePress가 평균 성능 등급이 약간 더 높았지만 Astra가 가장 빠른 단일 제품 및 상점 페이지를 가지고 있는 것으로 나타났습니다.

2022년 가장 빠른 WooCommerce 테마는 무엇입니까?

Pingdom과 PSI의 다양한 기준에 따라 테마가 테스트되었기 때문에 2022년 가장 빠른 WooCommerce 테마가 무엇인지 명확한 승자를 고르는 것은 쉽지 않습니다.

그러나 모든 테스트에서 가장 잘 수행된 테마는 Boitga, GeneratePress 및 Shoptimizer였습니다.

아래에서 테스트 결과의 전체 세부 정보를 확인하여 상점에 가장 빠른 테마를 찾을 수 있습니다.

가장 빠른 WooCommerce 테마

다음은 알파벳순으로 나열된 WooCommerce의 가장 빠른 테마에 대한 세부 정보입니다.

아스트라

Astra는 무료 및 유료 버전으로 제공되며 완전히 사용자 정의 가능한 WordPress 테마입니다.

상점을 설정할 때 선택할 수 있는 잘 디자인된 템플릿이 많이 있습니다. Beaver Builder, Brizy, Elementor 및 WordPress 블록 편집기를 사용하여 Astra 템플릿을 편집할 수 있으므로 창의적인 자유를 충분히 누릴 수 있습니다.

Astra의 무료 버전과 유료 버전에는 모두 WooCommerce 친화적 인 기능이있어 유료 버전으로 더 많은 것을 얻을 수 있지만 상점을 향상시킬 수 있습니다.

주요 특징들

• 머리글과 바닥글을 포함하여 전체 테마를 편집할 수 있습니다.
• 완전히 편집 가능한 전자 상거래 템플릿이 많이 있습니다.
• 향상된 UX를 위해 별도의 모바일 전용 헤더를 만드는 기능.

아스트라 테스트 결과

Astra는 가장 높은 Pingdom 성능 등급을 가지고 있습니다. PSI는 Astra에게 데스크톱 사용자에게 매우 긍정적인 평가를 주었지만 모바일 성능에서는 평균보다 낮습니다. 전반적으로 빠른 WooCommerce 테마이지만 이 컬렉션에는 더 빠른 옵션이 있습니다.

보티가

Botiga는 무료 및 유료 버전으로 제공되는 또 다른 WooCommerce입니다.

WooCommerce 기능 중에는 여러 제품 목록 스타일, 제품 갤러리 디자인 선택, 두 가지 장바구니 레이아웃이 있습니다. 제품 필터 및 권장 사항을 사용하여 인벤토리를 홍보할 수도 있습니다. 프리미엄 기능에는 위시리스트, 고정된 장바구니에 추가 버튼, 추가 머리글 및 바닥글 레이아웃이 포함됩니다.

주요 특징들

• 두 개의 전자 상거래 상점 데모.
• 고도로 사용자 정의 가능한 깨끗하고 최소한의 디자인.
• 모바일에 최적화된 헤더 집합입니다.

보티가 테스트 결과

Botiga는 이 기사에서 테스트한 가장 빠른 테마 중 하나였습니다. 모바일 PSI 점수가 더 높은 몇 가지 다른 테마가 있었지만 데스크톱 PSI 점수는 매우 좋았습니다.

디비

Divi는 Elegant Themes의 주력 WordPress 테마입니다. 많은 전자 상거래 옵션을 포함하여 수많은 매력적인 웹 사이트 팩과 개별 템플릿이 함께 제공됩니다.

Divi는 또한 테마에 통합된 강력한 자체 페이지 빌더 도구와 함께 번들로 제공됩니다. Divi Builder를 사용하면 웹사이트 디자인을 완전히 제어할 수 있으며 이 유형의 WordPress 플러그인과 강력한 경쟁자가 됩니다.

Divi에는 사용하기 쉬운 A/B 테스트 기능이 있으므로 실험을 실행하여 더 높은 전환율을 위해 매장을 최적화할 수 있습니다.

주요 특징들

• 완전히 편집 가능한 온라인 상점 데모의 대규모 라이브러리.
• 전체 사이트 편집 기능이 있는 통합 페이지 빌더.
• 사용자 정의 가능한 콘텐츠 모듈.

디비 테스트 결과

Divi는 OceanWP에 이어 두 번째로 가장 큰 페이지 크기를 가지고 있으며 이는 일부 점수에 부정적인 영향을 미치는 것으로 보입니다. PSI는 데스크탑 성능이 좋은 것으로 나타났지만 모바일 성능은 최악 중 하나였습니다.

생성프레스

무료 및 유료 버전으로 제공되는 GeneratePress는 사용 가능한 가장 빠른 WordPress 테마라고 주장합니다. 프리미엄 버전에 대한 비용을 지불하면 더 많은 템플릿에 액세스하고 프리미엄 지원 채널에 액세스할 수 있습니다.

상점을 시작하는 데 도움이 되도록 GeneratePress에는 다양한 전자 상거래 템플릿이 제공됩니다. 이 테마에는 자체 편집기가 있으므로 시각적 인터페이스를 통해 웹사이트의 모든 측면을 사용자 지정할 수 있습니다.

주요 특징들

• 여러 전자 상거래 상점 웹 사이트 데모.
• 블록 기반 테마 빌더 도구.
• 모바일 전용 헤더 옵션.

GeneratePress 테스트 결과

GeneratePress는 PSI 모바일 및 데스크탑 성능 등급에서 높은 점수 덕분에 전반적으로 테스트된 최고의 WooCommerce 테마였습니다. Pingdom 테스트에서도 좋은 결과를 얻었습니다.

케이던스

Kadence는 프리미엄 추가 기능을 설치하여 향상시킬 수 있는 또 다른 무료 테마입니다.

Kadence는 또한 다양한 전자 상거래 디자인을 포함하여 무료 및 유료 웹사이트 데모의 대규모 라이브러리와 함께 제공됩니다. WooCommerce 사용자는 Kadence 상점 키트를 구매하여 제품 이미지 확대, 장바구니 알림, 고급 리뷰 등을 포함하여 상점에 더 많은 전자 상거래 기능을 추가할 수 있습니다.

주요 특징들

• 완전히 편집 가능한 머리글 및 바닥글 템플릿 선택.
• 전역 설정을 사용하면 상점을 쉽게 사용자 정의하고 전체적으로 일관된 모양을 유지할 수 있습니다.
• Beaver Builder 및 Elementor와 모두 호환됩니다.

케이던스 테스트 결과

Kadence는 Pingdom 테스트에서 좋은 결과를 얻었으며 상점 홈페이지에 대한 매우 좋은 성능 등급을 받았습니다. 그러나 PSI의 모바일 성능 점수는 일부 경쟁 제품만큼 좋지 않았습니다.

만년설

Neve는 많은 추가 WooCommerce 기능을 포함하는 프리미엄 비즈니스 패키지를 포함하여 몇 가지 다른 변형으로 제공됩니다.

또한 제한된 무료 버전이 있으므로 구매하기 전에 사용해 볼 수 있습니다. 그러나 비즈니스 또는 에이전시 라이선스에 대해 추가 비용을 지불하면 더 많은 상점 레이아웃, 위시리스트 기능, 다양한 체크아웃 스타일 등에 액세스할 수 있습니다.

Neve는 또한 WooCommerce 스토어를 더 작은 화면 장치에서 매우 쉽게 탐색할 수 있도록 하는 모바일 우선 디자인을 가지고 있습니다. 주요 WordPress 페이지 빌더 플러그인과의 호환성은 선택한 도구로 웹사이트를 편집하거나 단순히 기본 WordPress 블록 편집기를 사용할 수 있음을 의미합니다.

주요 특징들

• WooCommerce 상점을 위한 많은 기능.
• 주요 타사 페이지 빌더와 함께 작동합니다.
• 많은 전자 상거래 옵션을 포함하여 100개 이상의 편집 가능한 시작 사이트.

테스트 결과 없음

Neve는 테스트 속도가 더 빠른 테마 중 하나였습니다. 그러나 이 비교에서 가장 빠른 테마와 비교하여 일부 PSI 모바일 테스트에서 약간 뒤처졌습니다.

오션WP

OceanWP는 유료 버전에서 사용할 수 있는 많은 전자 상거래 상점 데모가 있는 다목적 테마입니다. 무료 버전은 몇 가지 전자 상거래 데모와 함께 제공되지만 유료 버전으로 업그레이드하면 더 많은 데모와 추가 기능을 사용할 수 있습니다.

선택한 데모에 따라 Elementor 페이지 빌더 플러그인을 사용하여 머리글과 바닥글을 포함한 전체 사이트를 편집할 수 있습니다. OceanWP의 유료 버전에는 보다 창의적인 자유를 제공하는 맞춤형 Elementor 모듈이 포함되어 있습니다.

주요 특징들

• 많은 전자 상거래 디자인을 포함하여 기성품 웹 사이트 데모가 많이 있습니다.
• Elementor용 맞춤형 모듈.
• 향상된 모바일 UX를 위한 3가지 모바일 메뉴 스타일.

OceanWP 테스트 결과

OceanWP는 Pingdom에 따라 가장 큰 페이지 크기와 가장 많은 요청을 가지고 있었고 이로 인해 로드 시간이 가장 느렸습니다. PSI 모바일 점수도 최악이었다. 그러나 PSI의 데스크탑 성능은 괜찮았습니다.

Shoptimizer

Shoptimizer는 속도와 전환을 염두에 두고 구축된 WooCommerce 중심 테마입니다.

상점 속도를 높이기 위해 Shoptimizer는 기본 CSS를 최소화하고 중요한 CSS를 활성화했습니다. 매장에서 더 많은 매출을 창출할 수 있는 전환 중심 기능에는 산만하지 않은 체크아웃 경험, 제품 페이지에 배송 및 반품 정보를 표시하는 기능, 고객을 안심시키는 신뢰 배지가 포함됩니다.

주요 특징들

• 판매를 생성하는 재고 카운터 및 카운트다운 타이머.
• 판매 알림을 슬라이드업하여 사회적 증거를 높입니다.
• 개선된 스마트폰 UX를 위한 모바일 우선 디자인.

Shoptimizer 테스트 결과

Shoptimizer는 최고의 평균 PSI 데스크탑 성능 등급과 높은 모바일 성능 등급을 받았습니다. Pingdom 결과도 인상적이었습니다.

점포 앞

Storefront는 공식 WooCommerce 테마이며 무료입니다.

Storefront의 무료 버전은 시작하고 디자인을 약간 수정하기에 충분합니다. 그러나 정말로 개인화된 상점을 만들고 싶다면 Storefront Extensions Bundle 또는 일부 개별 확장을 구매해야 합니다.

주요 특징들

• 깔끔한 UX를 위한 최소한의 디자인.
• 상점의 모양을 빠르게 변형하기 위한 하위 테마 라이브러리입니다.
• WooCommerce를 담당하는 팀에서 구축 및 유지 관리합니다.

매장 테스트 결과

Storefront는 PSI에서 매우 좋은 평균 데스크톱 성능 점수를 받았지만 상대적으로 낮은 모바일 점수로 인해 실망했습니다. Pingdom 결과는 좋았지 만 최고는 아닙니다.

우스티파이

Woostify는 유료 애드온으로 향상시킬 수 있는 또 다른 무료 WooCommerce 테마입니다.

Woostify의 핵심 버전은 로드 시간 개선을 목표로 최대한 가볍게 설계되었습니다. 확장 기능을 통해 추가 기능을 추가할 수 있으므로 필요한 추가 기능만 설치하면 사이트의 불필요한 부담을 피할 수 있습니다. 모든 애드온 및 스타터 사이트는 애드온 기준이 아닌 하나의 가격으로 제공됩니다.

주요 특징들

• Elementor로 편집할 수 있는 무료 및 유료 스타터 사이트.
• WooCommerce 기능과 더 많은 사용자 지정 옵션이 포함된 유료 추가 기능.
• 여러 제품 페이지, 목록 레이아웃 및 헤더 템플릿.

Woostify 테스트 결과

Woostify는 특히 모바일 성능과 관련하여 이 비교에서 최악의 점수를 받았습니다.

테스트 정보

테스트를 위해 SiteGround에서 호스팅하는 WordPress 웹 사이트에 새로 설치를 만들었습니다. 사이트에 WooCommerce를 설치하고 플러그인에 대한 샘플 스토어 데이터를 가져왔습니다.

그런 다음 단일 제품 페이지 및 상점 홈페이지의 성능을 Pingdom 및 Google PageSpeed ​​Insights에서 테스트했습니다. 사이트가 호스팅된 위치와 가장 가까운 위치인 동일한 테스트 위치가 Pingdom에서 선택되었습니다.

각 테스트에 대해 다른 테마가 활성화되어 기본 상태로 사용되었습니다. 테마 데모를 가져오지 않았으며 추가 플러그인도 설치하지 않았습니다. 성능 도구를 사용하지 않았기 때문에 캐싱 활성화, CDN 사용, 이미지 최적화 및 축소 배포를 통해 더 나은 결과를 얻을 수 있습니다. 이 모든 작업을 수행하는 데 도움이 되는 도구는 NitroPack입니다.

핵심 웹 바이탈

CWV(Core Web Vitals)는 Google에서 페이지에 전체 성능 점수를 부여하는 데 사용하는 테스트 모음입니다. 페이지는 좋은 점수를 받을 수 있고, 개선이 필요하고, 나쁨으로 평가될 수 있습니다. 페이지가 CWV 테스트를 통과하고 좋은 등급을 얻으려면 성능 점수가 90에서 100 사이여야 합니다.

CWV 점수는 LCP(Large Contentful Paint), FID(First Input Delay) 및 CLS(Cumulative Layout Shift) 테스트 결과를 기반으로 합니다. CWV 테스트를 통과하려면 페이지가 세 가지 구성 요소 모두에 대해 좋은 점수를 받아야 합니다.

일반적으로 이러한 테스트는 페이지의 속도뿐만 아니라 페이지의 반응성과 시각적 안정성도 살펴봅니다.

출처: https://web.dev/vitals-business-impact/

이 문서에서는 테스트한 테마에 대한 LCP 및 CLS 점수를 찾을 수 있습니다. 언급한 바와 같이 FID는 PSI 랩 테스트를 통해 사용할 수 없지만 TBT는 FID와 밀접한 관련이 있습니다.

좋은 CWV 점수는 긍정적인 사용자 경험을 제공하고 검색 엔진 순위를 높이는 데 기여할 수 있습니다.

위의 결과에서 알 수 있듯이 데스크탑 테스트에서는 단일 제품 페이지에 대해 3개의 테마가 90점 이상의 성능 점수를 받았고, 8개의 테마는 샵 홈페이지 테스트에서 90점 이상을 기록했습니다. 모바일 테스트에서 90점 이상의 합격 점수를 받은 테마는 없습니다. 그러나 GeneratePress, Kadence 및 Shoptimizer는 90점에 가장 근접했습니다.

요약

보시다시피 테마 선택은 특히 모바일 경험과 관련하여 매장 속도에 영향을 미칩니다.

이러한 테마의 대부분은 우수한 수행 점수 및 기타 점수와 함께 잘 수행되었습니다. 그러나 Botiga, GeneratePress, Neve 및 Shoptimizer가 특히 우수한 성능을 발휘하면서 경쟁에서 눈에 띄는 몇 가지가 있었습니다.

Divi, OceanWP 및 Woostify는 주로 PSI 모바일 결과와 관련하여 가장 어려움을 겪는 것으로 나타났습니다.

이전에 다루었듯이 모바일 온라인 쇼핑은 계속해서 인기를 얻고 있으므로 이 잠재고객에게 빠르게 로드되는 테마를 선택하는 것이 중요합니다.

어떤 테마를 선택하든 WordPress, 호스트 및 테마의 기본 설정을 사용하는 대신 사이트를 최적화해야 합니다. 위의 모든 테마와 호환되는 NitroPack과 같은 도구는 모바일 장치에서 로드되는 속도를 포함하여 여러 가지 방법으로 사이트의 성능을 빠르게 향상시킬 수 있습니다.