전자 상거래 사이트의 성능을 향상시키는 방법

Sep 15, 2025

어떻게

Tammy Everts. 설계, 성능 및 전환율 간의 연결에 대한 프리젠 테이션을 제공합니다. 뉴욕을 생성하십시오 4 월 28 일. 오늘 티켓을 가져 가라 ...에!

당신이 뉴욕에 그것을 만들 수 없다면, 웹 퍼포먼스의 관련 대화가 있습니다. Pioneer Steve Souders 샌프란시스코를 생성하십시오 6 월 9 일.

사용자 데이터를 분석하는 데 필요한 도구는 무엇입니까?
하아! 이것은 쉬운 질문입니다 mpulse. SOASTA에서 개발 된 실제 사용자 모니터링 및 분석 솔루션. mpulse를 사용하기 전에 나는 조합을 사용했습니다. WebPageTest. 및 Google 애널리틱스. WebPagetest는로드 시간의 합성 측정, 렌더링 시간 및 페이지 크기 및 구성을 시작할 수있는 가장 좋은 무료 도구 중 하나입니다. SOASTA에서 모니터하지 않는 사이트에서 페이지를 빠르게 측정하고 싶을 때 여전히 내 솔루션입니다.

두 가지 솔루션이 표면적으로 유사하게 보이기 때문에 MPULSE가 Google 애널리틱스와 어떻게 다른지 물어보십시오. 실제로, 대부분의 MPULSE 사용자는 두 가지 도구가 매우 보완하기 때문에 Google 애널리틱스를 사용합니다.

Google Analytics는 일반 웹 분석을 통해 마케팅, SEO 및 광고의 효과를 이해하는 데 도움이됩니다. SOASTA MPULSE는 더 깊이 있으며 어떤 페이지가 비즈니스 메트릭을 직접 향상시키기 위해 최적화 노력을 집중해야 할 페이지를 보여주고, 예측 분석을 사용하여 페이지를 점진적으로 더 빨리 만드는 경우 생성 할 수있는 수익이 얼마나 많은 수익을 창출 할 수 있는지 보여줍니다. 그리고 더 똑똑한 성능과 부하 테스트를 구축하기 위해 더 나은 데이터를 제공하므로 사이트가 교통 스파이크 중에 붕괴되지 않습니다.

당신이 알아야 할 것에 초점을 맞추기 위해 어떻게 데이터를 훈련시킬 수 있습니까?
그것은 내가 이해하려고하는 것에 달려 있습니다. 방금 언급했듯이, 나는 MPULSE 대시 보드를 사용하여 페이지의로드 시간이 바운스 속도 및 세션 길이와 같은 메트릭에 미치는 영향을 어떻게 영향을 미치는지에 대한 실시간 및 과거 통찰력을 얻습니다. 우리의 더 깊은 데이터 과학 엔진을 사용하여 거기에서 방향을 뚫을 수 있습니다.

나는 예측 분석 기능을 사용하는 'What-If Analysis'- 예측 분석 기능을 사용하여 페이지를 더 빠르고 느리게 만드는 방법을 이해하는 것 (100 밀리 초만큼 작게만큼)은 바운스 속도, 전환율 등에 영향을 미칩니다.

Tammy Everts uses mPulse to understand how the load times of pages affect certain metrics — Tammy Everts는 MPULSE를 사용하여 페이지의로드 시간이 특정 메트릭에 어떤 영향을 미치는지 이해합니다.

상대 성능 측면에서 변환에 가장 큰 영향을 미치는 페이지를 알고 싶다면 사이트의 모든 페이지 그룹에 대한 변환 영향 점수를 얻을 수 있습니다. 변환 영향 점수는 질문에 답합니다 : 얼마나 많은 영향을 미치는 영향 이 페이지가 변환에 있습니까?

사이트 소유자가 중요한 페이지를 최적화 한 페이지를 최적화했기 때문에이 메트릭을 만들 필요가 있었지만 수익 및 전환 번호를 보았을 때 결과를 보지 못했기 때문에이 메트릭을 만들 필요가있었습니다. 이제 우리는 특정 페이지 유형을 더 빨리 만드는 경우 수익과 전환 개선이 있지만 다른 페이지를 최적화하는 것은 많은 차이가 없습니다.

사이트의 다양한 유형의 페이지에 대한 점수를 알고있을 때 최종 줄에 직접 기여할 수있는 페이지에 최적화 노력을 집중할 수 있습니다. 이것들은 단 몇 가지 예일뿐입니다. 더 많은 것이 있습니다.

mPulse's Conversion Impact Scores tell you how much impact the performance of specific pages has on conversions — MPULSE의 변환 영향 점수는 특정 페이지의 성능이 변환에 얼마나 많은 영향을 미치는지 알려줍니다.

이것을 어떻게 행동하게합니까?
이 분석 수준에 대한 위대한 것은 다음 단계가 명확 해지는 것입니다. 이 데이터에 대한 액세스 권한이있는 사람은 누구나 조직 전반에 걸쳐 매우 액세스 할 수 있습니다.이 페이지 그룹이 수정되어야하는 펀치 목록을 생성하고 해당 페이지에서 수정 해야하는 결함을 생성 할 수 있습니다. 더 이상 추측이 없습니다. 그리고 당신은 당신의 노력이 갚을 것이라는 것을 알고 있습니다.

현재 느린 웹 사이트에 대해 현재 책임이있는 세 가지 주요 사항은 무엇입니까?
이미지, 제 3 자 및 스크립트. 이미지는 평균 페이지의 무게의 3 분의 2를 차지하므로 많은 이미지가 완전히 무시되지 않습니다. 문자 그대로 수백 개의 타사 태그가있는 소매 및 미디어 사이트가 표시되며 페이지를 늦추거나 렌더링에서 완전히 차단할 수 있습니다. 그리고 거기에 많은 나쁜 자바 스크립트가 있습니다.

하루에 전자 상거래 사이트를 최적화하기위한 3 가지 빠른 팁을 제공하십시오.
내가 알고있는 디자이너 / 개발자가 한 번 그녀가 새로운 공연을 시작할 때 그녀가하는 첫 번째 일은 낮은 교수형 과일을 수정하는 것이 즉시로드 시간을 반으로 자른다. 그 결과 : 그녀는 즉석 록 스타 상태를 가져오고, 더 중요한 최적화를 제안 할 수 있도록보다 중요하고 존중하고 신뢰할 수 있습니다.

이미지로 시작하십시오. 그들은 올바른 형식입니까? 그들은 올바른 크기입니까? 그들은 압축 되었습니까? 그들은 상황에 민감하므로 1000 픽셀 이미지를 누군가의 전화에로드하지 않습니까?

제 3자를 감사하십시오. 사이트의 모든 제 3 자 스크립트가 무엇을하고 있는지 알고 있습니까? 페이지가 늦어 지는지 알고 있나요, 그렇다면 얼마만큼? 스크립트가 응답하지 않으면 3 개의 파티를 실시간으로 모니터링하고 있으므로 경고가 발생하지 않습니까? 더 이상있을 필요조차하지 않아도되면 페이지에 죽은 스크립트가 있습니까? 태그 관리자를 사용하여 태그 관리자를 사용하도록 고려 했습니까?

설계 요소가 전환율에 영향을 미칠 수있는 방법에 대한 몇 가지 예를 제공 할 수 있습니까?
SOASTA의 고객 중 하나, 광신자 또한 사이트의 프론트 엔드에 대한 가장 큰 변화 중 2 개가 현장의 가장 큰 변화가 망상적으로 간단한 곳에서 이미지 품질과 압축을 최적화했으며, 페이지 하중을 차단 한 이미지 스프라이트를 수정했습니다. 이러한 변화는 중앙값로드 시간에 2 초 개선에 기여하고 모바일 전환을 거의 두 배로 증가 시켰습니다.

Two fairly small changes to the frontend of the Fanatics site almost doubled mobile conversions — 광신자 현장의 프론트 엔드에 대한 두 가지 상당히 작은 변화가 거의 모바일 전환을 두 배로 냈습니다.

또 다른 SOASTA 고객, ETSY는 흥미로운 작은 실험을했는데, 그냥 모바일 앱에 160KB의 숨겨진 이미지를 추가 한 것으로, 추가 된 페이지 무게가 사용자 동작에 어떤 영향을 미치는지 확인했습니다. 그것은 바운스 속도가 12 % 증가한 12 % 증가했습니다.

브라우저 및 장치에서 전자 상거래 사이트의 성능을 어떻게 테스트합니까?
이것은 사용하는 테스트 및 모니터링 도구로 끓습니다. 좋은 디지털 성능 플랫폼을 사용하면 이러한 다른 코호트로 드릴 다운 할 수 있습니다. 한 장치 나 브라우저에서 매우 공연적 인 사이트 나 앱이 다른 장치 또는 브라우저에서 다른 장치에서 완전히 실패 할 수 있기 때문에이 작업을 수행하는 것은 절대적으로 중요합니다. 그리고 집계 또는 고급 성능 번호를 보면서 당신은 그것에 대해 배울 것입니다.

나는 그것이 3 월 밖에 없다는 것을 알고 있지만, 올해의 검은 금요일을 준비하기 위해 이제 전자 상거래 소유자가 지금 무엇을 할 수 있습니까?
온라인 소매 업체는 마케팅 캠페인을 생성, 모니터링 및 최적화하기위한 더 나은 프로세스 개발을 시작하는 것입니다. 나는 쇼핑객들이 믿을 수 없을만큼 느려지는 페이지를 착륙시키는 쇼핑객에게 직접적인 많은 이메일과 판촉 캠페인을 본다. 캠페인을 시작하기 위해 러시에서 소매 업체는 하중까지 10, 20, 30 초가 걸리는 고객에게 착륙 페이지를 제공하고 있으며 이러한로드 시간은 판매를 가장 확실하게 해치고 있습니다.

온라인 프로모션을 운영하는 것은 잠재적으로 고객 기반을 쉽게 활용할 수있는 좋은 방법입니다. 특히 휴가 중에는이 전략은 새로운 위험 요소가 제공됩니다. 캠페인이 어떻게 수행되는지와 함께 쉽게 쉽게 잃을 수 있습니다. 느린 방문 페이지는 캠페인의 약점입니다. 피크 전환을위한로드 시간 'Sweet Spot'은 2.4 초입니다. 그 후, 100 밀리 초의 둔화를 둔화시켜 전환에 대해 측정 가능한 효과가 있습니다.

방문 페이지에 성능 문제가있는 경우 캠페인을 시작한 후에 문제가 발생할 가능성이 있습니다. 그러나 찾는 일을보고 알고 있는지 알고있는 경우에만 그들을 발견 할 것입니다. 이는 성능을 모니터링하고 결함을 찾아 수정하고 페이지 또는 제안을 최적화하고 캠페인이 귀하의 전환 목표를 어떻게 충족시키는 방식을 추적 할 때입니다.

Soasta에서 기계 학습을 어떻게 사용합니까?
성능 산업에 사용자 데이터의 100 %를 수집 할 필요가없는 성능 산업에 신화가 있습니다. 당신이 그것을 지킬 필요가없는 또 다른 신화가 있습니다. 그것은 과거에 수집되는 데이터의 약 5 %만이 의미있는 방식으로 사용됩니다. SOASTA에서 우리의 전략은 기업이 모든 사용자 데이터를 수집하고 유지할 수있는 것이 아닙니다. 데이터의 다른 95 %의 다른 95 %의 의미있는 통찰력을 추출하는 방법을 보여주는 것입니다.

기계 학습을위한 기본 사용 사례 중 하나는 컨텍스트를 만드는 것입니다. 예를 들어, 고객은 기계 학습을 실시간 캠페인 모니터링을 수행 할 수 있습니다. 가장 큰 문제 중 하나는 소매 업체가 출시시 마케팅 캠페인의 큰 비율을 보지 못하고 너무 늦을 때까지 이것을 보지 못합니다. 마케팅 분석 시스템은 $ 5 백만 달러의 이메일 캠페인을 시작했고 실패한 정보를 결정하지 않습니다. 당신은 내일 알아낼 수 있습니다.

따라서 새로운 캠페인을 시작하기 전에 기계 학습을 사용하여 정상적인 것을 확립하기 위해 모든 역사적인 트래픽을 연구합니다. 그런 다음 실시간으로 플롯 할 수 있습니다. 이러한 공차 밴드로 공개 된 사용자 동작이 있습니다. 그 미터법, 활동 또는 수익 성취로 일어나는 일이 경계에서 벗어나는 경우에만 알리미가 발생합니다. 그리고 당신은 문제가 될 때 즉시 문제를 해결합니다.

그것은 단지 한 가지 예일뿐입니다. 너무 많은 사람들이 있으며, 우리는 아직도 빙산의 일각을 가능하게합니다.

In her session at Generate New York, Tammy Everts will outline how and why to gather real user data, extract action-oriented insights and improve business metrics — 그녀의 세션에서 뉴욕을 생성하는 경우 Tammy Everts는 실제 사용자 데이터를 수집하고, 액션 지향적 인 통찰력을 추출하고 비즈니스 메트릭 개선

사람들이 당신의 이야기에서 벗어나기를 기대할 수있는 것은 무엇입니까? 뉴욕을 생성하십시오 ~을 빼앗아가는 것
웹 성능은 비즈니스 성과입니다. 그것은 사일로를 깨뜨리는 것에 대해 이야기하기 위해 진정되었지만, 진부한은 여전히 사실입니다. 개발자, 디자이너, UX 사람, 마케팅 담당자, 비즈니스 소유자 ... 우리는 모두 우리의 거품을 밖으로 나가서 우리가 사이트와 앱을 빌드하는 방법에 대해 우리가 어떻게 비즈니스 결과에 직접적인 연결을하는지에 대해 만드는 데 필요한 모든 결정을 이해해야합니다.

운 좋게도 우리는 우리에게 360 도의 성능을 제공 할 수있는 도구 및 메트릭 세트를 급속히 진화하고 있습니다. 나는 사람들이 이러한 도구와 메트릭에 얼마나 권한을 부여 하는지를 볼 수 있습니다.

온라인에서 구입 한 마지막 일은 무엇이며 그 경험은 무엇입니까?
나는 갭에서 아이들의 옷을 샀고, 전체 경험을 샀다 - 사이트를 사용하여 내 주문을 받아들이는 것 - 너무 빨리!

나는 거래의 끝에서 너무 행복했습니다. 나는 그들의 온라인 조사를 작성했습니다 ... 소매점으로서, 고객을 이해할 때 소금의 곡물로 온라인 조사 결과를 가져와야합니다. 그들을 채우는 사람들은 정말 행복하거나 정말로 좌절합니다. 그들은 거대한 사람들의 동화를 나타내지 않습니다. 설문 조사는 재미 있지만 실제 사용자 데이터를 대체 할 수 없습니다.

뉴욕을 생성하십시오 4 월 28 일에는 SARA SOUEIDAN, Steve Fisher, Mina Markham, Abby Covert 및 Jennifer Brook. 그들은 디자인 시스템, 사용자 연구, 정보 아키텍처, 대화 인터페이스 등을 다룰 것입니다.

이 컨퍼런스에는 유용성 테스트, 프론트 엔드 툴링, 정보 아키텍처 및 디자인 및 콘텐츠 스프린트에 대한 워크샵의 날이 앞에 올려집니다. 만약 너라면 결합 된 워크샵 및 컨퍼런스 패스를 구입하십시오 , 당신은 할 것입니다 $ 125를 저장하십시오 ...에! 그러나 서둘러, 워크샵을위한 제한된 장소 만 있습니다.

네가 뉴욕 회의를 할 수 없다면, 샌프란시스코 6 월 9 일. 티켓은 지금 판매 중입니다.

전자 상거래 사이트의 성능을 향상시키는 방법

어떻게 - 가장 인기있는 기사

동물을 그리는 법 : 15 팁

머리를 그리는 방법 : 완전한 가이드

친 화성 디자이너 : 효과 및 스타일을 사용하는 방법

사이트에 계층화 된 시차 효과를 만드는 방법

JavaScript 코드 분할에 대해 알아야 할 모든 것

V-RAY로 더 나은 조명을 달성하는 방법

Photoshop에서 강한 포즈를 사용하여 문자를 만듭니다

Gouche 팔레트를 혼합하는 방법

카테고리