전자 상거래 상점 속도를 최적화하기 위해 할 수 있는 4가지

게시 됨: 2022-06-30

우리 모두는 웹사이트를 로드하는 데 시간이 걸리는 경우, 특히 무언가를 찾고 있는 경우 기다리는 것보다 계속 이동할 가능성이 더 높다는 직접적인 경험을 통해 알고 있습니다.

온라인 소매 실적 현황에 대한 Akamai 보고서는 다음과 같이 언급했습니다.

최대 전환의 경우 매장 사이트는 2.7초 미만에서 1.8초에 가깝게 로드되어야 합니다.
전자 상거래 사이트에서 가장 낮은 이탈률을 위해 페이지는 700ms에서 1.2초까지 로드되어야 합니다.
전자 상거래 사이트에서 2초 지연으로 세션 길이(탐색 시간)가 51% 감소했습니다.

Salesforce Commerce Cloud Shopping 보고서 에 따르면 로드 시간이 100밀리초 지연되면 전환율이 최대 7%까지 감소합니다.

동일한 내용을 알려주는 보고서를 찾기 위해 멀리 찾을 필요가 없습니다. 전자 상거래의 경우 1초가 중요합니다 .

그렇기 때문에 매장 소유자와 이야기할 때마다 그들이 사용하는 플랫폼에 관계없이 매장의 속도와 성능을 최적화하기 위해 할 수 있는 다음 4가지를 권장합니다.

1. 멋진 이미지를 촬영하되 압축하세요.

나쁜 이미지는 변환과 관련하여 당신을 해칠 것입니다. 그러나 느린 사이트는 더 큰 상처를 줄 것입니다. 따라서 제품의 아름다운 사진을 찍는 것도 중요하지만 사진이 온라인에서 사용되는 방식에 맞게 사진을 최적화하는 워크플로를 갖는 것도 매우 중요합니다.

우리는 사진 작가가 Dropbox에서 공유한 파일에서 직접 웹사이트에 사진을 업로드하는 한 상점 주인과 협력했습니다. 이것은 인쇄된 잡지의 전면 광고에 대한 완벽한 품질이었지만 온라인 상점의 경우 너무 많은 이미지였습니다.

매장에 사진을 업로드하기 전에 사진을 최적화하는 데 도움이 되는 솔루션이 많이 있습니다. 다음은 몇 가지입니다.

EWWW Image Optimizer – WordPress 사이트에서 작동
TinyPNG – WordPress 플러그인이 있는 온라인 최적화 서비스
imgix – WordPress 플러그인이 있는 또 다른 온라인 솔루션
ImageOptim – Mac 또는 온라인 솔루션
Kraken.io – "릴리스..."라고 말할 수 있는 온라인 솔루션
Compressor.io – 온라인 솔루션
Imagify – 다양한 옵션과 WordPress 통합이 있는 또 다른 솔루션
Optimus.io – 특별히 WordPress를 위한 온라인 서비스

스토어 플랫폼에서 온라인 서비스로의 통합 또는 API 호출을 통해 스토어에 업로드할 때 각 이미지를 처리하거나 업로드하기 전에 컴퓨터에서 이미지를 처리하는지 여부 - 목표는 사이트의 이미지가 너무 커서 사이트 속도가 느려집니다.

이러한 옵션 중 일부를 살펴보면 손실 압축 옵션과 무손실 압축 옵션이 모두 표시됩니다. 무손실 압축을 사용하면 압축이 발생해도 이미지의 모든 데이터가 손실되지 않습니다. 손실 압축을 사용하면 원본 이미지 파일의 일부 데이터가 손실됩니다. 이것이 항상 무손실 압축을 원한다는 것을 의미한다고 생각할 수도 있지만 항상 그런 것은 아닙니다. 손실 설정으로 얻을 수 있는 압축은 상당히 인상 깊을 수 있습니다.

속도 절충이 그만한 가치가 있는지 여부는 당신만이 알 수 있습니다.

2. Algolia로 검색 문제 해결

위에서 언급한 Salesforce의 동일한 보고서에서 그들은 구매 의도가 2017년보다 더 명확해진 적이 없다고 언급했습니다. 즉, 구매하기 전에도 사이트에 참여한 사람들의 행동은 궁극적으로 구매 의도가 물건을 사거나 사지 않을 사람.

무엇이 차이를 만들었을까? 글쎄요, 주요 요인 중 하나는 쇼핑객이 매장의 검색 기능을 활용했는지 여부였습니다. 전자 상거래 플랫폼에 따라 좋은 소식일 수도 있고 고통스러운 소식일 수도 있습니다.

WordPress에서 자연스럽게 제공되는 기능을 활용하는 검색 기능을 제공한 WooCommerce 상점 소유자에게는 매우 고통스럽습니다. WordPress에서 검색은 그저 평범한 서비스일 뿐입니다.

그러나 이것은 WooCommerce만의 문제가 아닙니다. Shopify 토론 포럼에서 수년간 검색(스토어 또는 iPad)에 대해 불평하는 사람들을 볼 수 있습니다.

좋은 소식은 요즘에는 검색 속도를 매우 쉽게 최적화할 수 있다는 것입니다. 이전에 가장 일반적인 대답은 Elasticsearch를 사용하여 인덱싱을 수행할 또 다른 서버 세트를 구축하는 것이었습니다. 그러나 이 접근 방식은 더 복잡하고 비용이 많이 들며 개발하고 싶지 않은 수준의 기술 전문 지식이 필요할 수 있습니다.

오늘날 Algolia가 있으며 Shopify, Magento 또는 WooCommerce를 위한 매장 인덱싱을 위한 외부 서버를 제공합니다. 스토어에 연결하면 사용자가 검색어를 입력하는 동안에도 일부 결과를 볼 수 있도록 자동 완성 기능을 제공하여 모든 검색에 즉각적인 결과를 제공합니다.

더 좋은 점은 모바일 장치를 사용할 때 고객이 검색어를 뚱뚱하게 사용할 수 있지만 Algolia는 맞춤법 오류를 처리하는 방법을 알고 있을 만큼 똑똑하다는 것입니다.

Algolia를 사용하지 않을 이유가 없습니다.

3. 매장에서 보고를 하지 않도록 합니다.

내가 아는 모든 상점 주인은 훌륭한 보고서를 원합니다. 그들은 또한 일단 훌륭하고 유용한 데이터를 맛본 후에는 항상 더 많이 원합니다. 그러나 이러한 보고서에는 높은 비용이 소요되며 전환 비용으로 유용한 데이터를 원하기 쉽습니다.

이것이 현실이기 때문입니다. 매장에서 데이터와 통계를 처리하는 동시에 고객에게 콘텐츠를 빠르게 전달하는 방법은 없습니다 .

상점에 일일 총 주문량 또는 총 수익과 같은 어리석은 것을 요청하려는 경우 한 가지입니다. 그것은 많은 작업이 아니며 빠르게 수행할 수 있습니다.

그러나 대부분의 상점 소유자는 그 이상을 원합니다. 그들은 알고 싶어:

어떤 제품이 정상보다 잘 팔리나요?
어떤 반복 고객이 평균 이윤보다 더 큰 이익을 창출하고 있습니까?
어떤 채널이 더 많은 재구매자로 이어집니까?

이러한 질문은 파생 데이터에 대한 작업을 수행해야만 답을 얻을 수 있습니다. 즉, 먼저 데이터를 수집한 다음 해당 작업을 실행하여(더 많은 데이터를 가져오기 위해) 해당 데이터와 새 쿼리를 사용하여 더 많은 새 데이터를 가져와야 합니다.

이러한 작업이 몇 개의 행이 아닌 데이터 집합에서 발생하면 서버의 RAM과 CPU를 사용하여 처리가 시작됩니다. 즉, 페이지와 이미지를 제공할 수 없고 고객이 빠르게 체크아웃할 수 없습니다.

그렇기 때문에 다른 플랫폼을 사용하여 분석 및 보고를 수행하는 것이 좋습니다.

Custora 또는 Zaius 와 같은 더 큰 시스템 을 보거나 단순히 Heap Analytics 를 시도할 수 있습니다. 물론, 우리가 가장 좋아하는 것은 Glew 입니다.

4. 캐싱과 CDN을 최대한 활용

방문자가 상점 사이트의 페이지를 탐색할 때 그들이 보고 있는 대부분은 다른 사람들이 보고 있는 것과 동일합니다. 서버에 비용이 많이 드는 이동을 제거할 수 있도록 해당 페이지를 캐시할 수 없는 이유가 없습니다.

이미지를 압축했더라도 콘텐츠 전송 네트워크(CDN)를 사용하여 이미지를 저장하고 트래픽이 방문하는 위치에 따라 더 빠르게 전달하지 않을 이유가 없습니다.

두 가지 접근 방식 모두 매장 속도를 극적으로 최적화합니다.

문제는 재방문자가 와서 개인화된 메시지에서 추천 제품에 이르기까지 당신이 그들을 알고 있다는 것을 강조하는 몇 가지 콘텐츠를 제시하려고 할 때 발생합니다. 또는 결제 과정에서 계정을 만들고 로그인하여 저장된 데이터(예: 배송 주소)를 저장하거나 사용합니다. 당신은 그들이 고도로 캐시된 환경을 경험하는 것을 원하지 않을 것입니다. 사실, 모든 카트, 체크아웃 및 개인의 계정 페이지는 고유합니다.

어떻게 할 수 있습니까?

/cart, /checkout 및 /my-account 페이지가 캐시되지 않도록 할 수 있도록 캐싱에 대한 예외 규칙을 생성할 수 있는 Cloudflare와 같은 서비스를 활용합니다.

또한 "쿠키에서 캐시 우회"라는 기능을 활용할 수도 있습니다(사업 계획에 있는 경우). 이를 통해 스토어는 재방문자에게 캐시된 콘텐츠를 전달하지 않도록 Cloudflare에 지시할 수 있는 쿠키가 있는지 여부를 알 수 있습니다.

이 모든 것이 고객에게 가능한 한 많은 캐시된 데이터를 제공하고 매장의 성능을 가속화할 수 있도록 합니다.

우리가 당신을 위해 이 모든 것을 할 수 있다는 것을 알고 계셨습니까?

모를 수도 있지만 새로운 Managed WooCommerce Hosting 솔루션에는 이러한 4가지 최적화가 이미 적용되어 있습니다. 따라서 매장 속도에 대한 이러한 성능 전략의 이점을 얻기 위해 손가락 하나 까딱할 필요가 없습니다.

번개처럼 빠른 성능과 높은 전환율을 즐길 수 있도록 모든 것을 처리해 드립니다.

새로운 Managed WooCommerce 호스팅 제품을 확인하십시오.