2022년 Shopify 스토어를 위한 14가지 가장 빠른 테마 [Pagespeed 벤치마크]

게시 됨: 2022-04-28

속도는 Google이 웹사이트와 웹사이트에서 제공하는 콘텐츠의 순위를 매기는 요소가 되었습니다. 속도는 검색 엔진 순위 측면에서 미미한 영향을 미칠 수 있지만 사용성 및 전환율 측면에서 전자 상거래 상점에 큰 영향을 줄 수 있습니다.

이 Pagespeed 벤치마크 가이드에서는 가장 빠른 Shopify 테마의 전체 목록과 해당 테마의 성능을 살펴봅니다.

목차

테마를 빠르게 만드는 요소는 무엇입니까?

빠른 테마는 연결 속도에 관계없이 방문자에게 가능한 한 빨리 상점 콘텐츠를 로드하는 테마입니다. 즉, 페이지가 5MB를 로드해야 하는 경우 물리적 광대역 연결에서는 빠르지만 3G 연결에서는 느리게 로드될 수 있습니다. 따라서 목표는 가능한 한 최고의 제품과 브랜드를 판매할 수 있는 기능을 유지하면서 가능한 한 가볍고 잘 최적화된 테마를 갖는 것입니다.

어떤 테마를 테스트했습니까?

공식 Shopify 테마 마켓플레이스에서만 테마를 테스트하고 있습니다. Themeforest, Template Monster 등과 같은 마켓플레이스에 Shopify 테마의 다른 공급업체가 있지만 공식 테마가 거쳐야 하는 엄격한 승인 프로세스 및 업데이트 요구 사항이 적용되지 않습니다. Shopify 자체에서 제공하는 소수의 무료 테마가 있으며 나머지는 승인된 Shopify 파트너가 개발한 프리미엄 테마입니다.

테스트 방법

일반적으로 기본 설치에서 테마를 테스트하고 거꾸로 작업합니다. 이것은 현실에서 무의미하고 비생산적인 것처럼 보입니다. 이미지, 제품, 컬렉션 등이 없는 Shopify 스토어의 제품을 실제로 판매하는 사람은 없습니다. 대신 훨씬 더 좋고 공정한 테스트는 개발자 데모에서 직접 페이지 속도 테스트를 수행하는 것입니다. 이들은 종종 훌륭한 스톡 이미지를 사용하고 다양한 제품, 블로그 등이 있습니다. 또한 빈 테마와 비교하여 실제 매장을 시뮬레이션합니다.

테스트 중인 주요 구성 요소는 다음과 같습니다.

  • 제품 페이지
  • 컬렉션 페이지
  • 홈페이지
  • 블로그 페이지

Lighthouse 점수는 다양하므로 각 테마에 대해 여러 번 테스트를 실행하여 평균을 선택했습니다. 테마에 이상이 있으면 무시하고 다시 실행했습니다.

14 Shopify 테마 및 해당 속도 점수

우리는 초기에 14개의 테마에 대해 테스트를 수행하고 있습니다. Shopify에서 만든 무료 테마를 분리하고 먼저 테스트했습니다. 그런 다음 승인 및 심사를 거친 Shopify 파트너의 프리미엄 테마가 이어집니다.

무료 테마

새벽

쇼피파이에서

  • 제품 페이지 점수: 69 성능 – 100 접근성 – 100 모범 사례 – 99 SEO
  • 컬렉션 페이지 점수: 93 성능 – 100 접근성 – 100 모범 사례 – 92 SEO
  • 홈페이지 점수: 89 성능 – 100 접근성 – 100 모범 사례 – 92 SEO
  • 블로그 페이지 점수: 84 성능 – 94 접근성 – 100 모범 사례 – 92 SEO

갈구하다

쇼피파이에서

  • 제품 페이지 점수: 51 성능 – 100 접근성 – 100 모범 사례 – 99 SEO
  • 컬렉션 페이지 점수: 93 성능 – 100 접근성 – 100 모범 사례 – 92 SEO
  • 홈페이지 점수: 71 성능 – 100 접근성 – 100 모범 사례 – 92 SEO
  • 블로그 페이지 점수: 77 성능 – 99 접근성 – 100 모범 사례 – 100 SEO

맛이 나다

쇼피파이에서

  • 제품 페이지 점수: 51 성능 – 100 접근성 – 100 모범 사례 – 99 SEO
  • 컬렉션 페이지 점수: 73 성능 – 100 접근성 – 100 모범 사례 – 99 SEO
  • 홈페이지 점수: 49 성능 – 100 접근성 – 100 모범 사례 – 85 SEO
  • 블로그 페이지 점수: 39 성능 – 100 접근성 – 100 모범 사례 – 99 SEO

컬러 블록

쇼피파이에서

  • 제품 페이지 점수: 79 성능 – 100 접근성 – 100 모범 사례 – 100 SEO
  • 컬렉션 페이지 점수: 94 성능 – 94 접근성 – 100 모범 사례 – 93 SEO
  • 홈페이지 점수: 92 성능 – 99 접근성 – 100 모범 사례 – 93 SEO
  • 블로그 페이지 점수: 76 성능 – 100 접근성 – 100 모범 사례 – 100 SEO

감각

쇼피파이에서

  • 제품 페이지 점수: 71 성능 – 99 접근성 – 100 모범 사례 – 99 SEO
  • 컬렉션 페이지 점수: 87 성능 – 100 접근성 – 100 모범 사례 – 99 SEO
  • 홈페이지 점수: 75 성능 – 100 접근성 – 100 모범 사례 – 92 SEO
  • 블로그 페이지 점수: 83 성능 – 100 접근성 – 100 모범 사례 – 99 SEO

프리미엄 테마

충동

원형 테마별

  • 제품 페이지 점수: 50 성능 – 96 접근성 – 92 모범 사례 – 99 SEO
  • 컬렉션 페이지 점수: 63 성능 – 98 접근성 – 100 모범 사례 – 92 SEO
  • 홈페이지 점수: 39 성능 – 98 접근성 – 100 모범 사례 – 92 SEO
  • 블로그 페이지 점수: 72 성능 – 99 접근성 – 100 모범 사례 – 99 SEO

명성

by Maestrooo

  • 제품 페이지 점수: 47 성능 – 85 접근성 – 100 모범 사례 – 98 SEO
  • 컬렉션 페이지 점수: 73 성능 – 93 접근성 – 100 모범 사례 – 92 SEO
  • 홈페이지 점수: 44 성능 – 93 접근성 – 100 모범 사례 – 85 SEO
  • 블로그 페이지 점수: 52 성능 – 89 접근성 – 92 모범 사례 – 99 SEO

창고

by Maestrooo

  • 제품 페이지 점수: 57 성능 – 84 접근성 – 100 모범 사례 – 92 SEO
  • 컬렉션 페이지 점수: 52 성능 – 91 접근성 – 100 모범 사례 – 84 SEO
  • 홈페이지 점수: 44 성능 – 93 접근성 – 100 모범 사례 – 85 SEO
  • 블로그 페이지 점수: 73 성능 – 91 접근성 – 100 모범 사례 – 93 SEO

대칭

클린 캔버스로

  • 제품 페이지 점수: 62 성능 – 85 접근성 – 100 모범 사례 – 92 SEO
  • 컬렉션 페이지 점수: 53 성능 – 92 접근성 – 100 모범 사례 – 92 SEO
  • 홈페이지 점수: 43 성능 – 92 접근성 – 100 모범 사례 – 84 SEO
  • 블로그 페이지 점수: 64 성능 – 92 접근성 – 100 모범 사례 – 93 SEO

팽창

원형 테마별

  • 제품 페이지 점수: 56 성능 – 88 접근성 – 100 모범 사례 – 98 SEO
  • 컬렉션 페이지 점수: 47 성능 – 91 접근성 – 100 모범 사례 – 90 SEO
  • 홈페이지 점수: 63 성능 – 89 접근성 – 100 모범 사례 – 91 SEO
  • 블로그 페이지 점수: 69 성능 – 90 접근성 – 100 모범 사례 – 98 SEO

운동

원형 테마별

  • 제품 페이지 점수: 55 성능 – 98 접근성 – 92 모범 사례 – 93 SEO
  • 컬렉션 페이지 점수: 59 성능 – 100 접근성 – 100 모범 사례 – 91 SEO
  • 홈페이지 점수: 49 성능 – 86 접근성 – 100 모범 사례 – 92 SEO
  • 블로그 페이지 점수: 56 성능 – 100 접근성 – 92 모범 사례 – 100 SEO

관로

그룹사상으로

  • 제품 페이지 점수: 34 성능 – 98 접근성 – 92 모범 사례 – 93 SEO
  • 컬렉션 페이지 점수: 44 성능 – 98 접근성 – 100 모범 사례 – 79 SEO
  • 홈페이지 점수: 37 성능 – 96 접근성 – 100 모범 사례 – 79 SEO
  • 블로그 페이지 점수: 71 성능 – 98 접근성 – 100 모범 사례 – 93 SEO

제국

픽셀 유니온 제공

  • 제품 페이지 점수: 32 성능 – 83 접근성 – 100 모범 사례 – 100 SEO
  • 컬렉션 페이지 점수: 56 성능 – 87 접근성 – 100 모범 사례 – 93 SEO
  • 홈페이지 점수: 36 성능 – 82 접근성 – 100 모범 사례 – 85 SEO
  • 블로그 페이지 점수: 60 성능 – 90 접근성 – 100 모범 사례 – 100 SEO

천개

클린 캔버스로

  • 제품 페이지 점수: 38 성능 – 89 접근성 – 100 모범 사례 – 83 SEO
  • 컬렉션 페이지 점수: 41 성능 – 91 접근성 – 100 모범 사례 – 83 SEO
  • 홈페이지 점수: 65 성능 – 89 접근성 – 100 모범 사례 – 76 SEO
  • 블로그 페이지 점수: 75 성능 – 96 접근성 – 100 모범 사례 – 82 SEO

결과

테스트할 때 매우 빠르게 명백해진 것은 이미지와 무거운 JS 자산이 테마에 미치는 영향이었습니다. Shopify의 무료 테마는 매우 잘 수행되었으며 몇 가지 예외를 제외하고는 상당히 일관성이 있었습니다. 또 다른 측면은 페이지의 차이였습니다.

일반적으로 제품 및 컬렉션 기반 페이지는 무료 및 프리미엄 테마 모두에서 가장 낮은 성능을 보였습니다.

심사할 때 평균 점수를 가지고 각 범주의 강점을 고려합니다.

그럼 더 이상 고민하지 않고 당첨자를 발표하겠습니다.

최고의 만능 테마

Shopify의 컬러 블록

최고의 무료 테마

센스 바이 쇼피파이

최고의 프리미엄 테마

원형 테마별 확장

최고의 제품 기반 테마

프레스티지 바이 마에스트로오

최고의 SEO 테마

센스 바이 쇼피파이

결론

"결과에 따라 테마를 선택해야 한다는 뜻인가요?" 절대적으로하지. 위의 가이드는 Lighthouse가 채점한 페이지 속도에 대한 통찰력을 제공합니다. Lighthouse는 Google이 페이지 속도 점수를 결정하는 데 사용하는 점수 측정항목입니다. 속도는 온라인 상점의 한 측면이지만 다른 많은 중요한 요소가 있으며 각각의 장점과 단점에 대해 균형을 맞출 필요가 있습니다.

최고의 몰입형 Shopify 매장 중 일부는 이러한 테스트에서 실제로 좋은 점수를 받지 못했지만 다음과 같은 측면을 가지고 있습니다.

  • 사람들이 이해하는 브랜드
  • 아름다운 이미지
  • 특정 가격대에서 합리적인 제품
  • 고충을 해결하는 제품
  • 독점성과 독창성
  • 초대하고 좋은 순위 콘텐츠
  • 역사

시작할 때 진실은 위의 주제 중 하나가 성공적인 비즈니스로 가는 길에 도움이 될 것이지만 실제로 필요한 것은 빙산의 일각에 불과하다는 것입니다.