Home 기술 문서 최적화를 넘어 – 가장 빠른 Magento 2 매장의 비밀
Applications

최적화를 넘어 – 가장 빠른 Magento 2 매장의 비밀

About The Author

Outline

원본 소스: Layer0

속도를 위한 이커머스 사이트 최적화는 유통업체가 가시성과 전환율을 개선할 수 있도록 하는 핵심 전략이었습니다. 이제 사이트 속도가 더욱 중요합니다. Google은 최근 사용자가 경험한 경험을 바탕으로 페이지를 판단하는 새로운 순위 알고리즘을 소개하는 다가오는 페이지 경험 업데이트를 발표했습니다. 즉, 느린 페이지는 업데이트가 2021 년 초에 시작될 때 현재 순위보다 낮은 순위를 차지할 것입니다.

이것은 고기와 감자 최적화 전술을 넘어 보고 말 그대로 Google의 검색 결과에서 높은 순위 인스턴트 웹 사이트와 그들의 경쟁을 분쇄 하려는 Magento 2 웹 사이트에 대 한 주요 도전과 기회를 제시 합니다.

Magento는 무엇입니까?

Adobe 소유의 Magento 는 전 세계 250,000개 이상의 온라인 소매업체에서 사용하는 선도적인 전자 상거래 플랫폼입니다. 관점에서 말하자면, 인터넷의 모든 4 번째 전자 상거래 비즈니스는 플랫폼을 사용하고 있습니다.

Magento 1에 대한 공식 지원은 2020 년 6 월에 끝났으며 플랫폼의 최신 화신인 Magento 2로 마이그레이션하려면 전체 웹 사이트를 다시 작성해야합니다. 많은 소매업체에게 이것은 속도 최적화 전략을 재고하고 웹 사이트 성능 및 SEO를 향상시키는 동급 최고의 웹 기술을 구현할 수있는 좋은 기회를 제공합니다.

매 초마다 중요한

지난 몇 년 동안 인터넷은 엄청나게 가속화되었습니다. 닐슨의 인터넷 대역폭 법칙에 따르면 고급 사용자의 연결 속도는 매년 50%씩 증가합니다. 이 규칙은 지난 36년 동안, 터무니없이 느린 전화 접속 연결부터 오늘날의 광대역 속도까지 계속 유지되어 왔습니다. speedtest.net 에 따르면, 오늘날의 미국인들은 평균적으로 고정 광대역 연결을 통해 약 135 Mbps의 다운로드 속도와 52 Mbps의 업로드 속도를 얻고 있습니다.

이 숫자가 인상적이기 때문에, 이것은 더 빠른 웹 사이트에 직접적으로 반영되지 않습니다. 모바일 인터넷 성능도 마찬가지입니다. 전 세계가 초고속 5G 네트워킹 속도로 열광하고 있지만 이커머스 매장과 다른 웹 사이트의 속도와 거의 관련이 없습니다. 아이러니하게도 모바일 페이지 로딩 시간은 실제로 지난 몇 년 동안 지속되었습니다.

출처:nngroup.com

더 빠르고 마찰이 없는 전자 상거래 상점은 사용자에게 단일 세션에서 더 많은 제품을 보여줄 수 있습니다. 이로 인해 전환율이 높아집니다. 이상적인 시나리오에서 상점과 인터페이스는 길을 벗어나 훌륭한 쇼핑 경험을위한 배경이 되어야합니다.

또한 대부분의 전자 상거래 상점과 마찬가지로 사람들이 가격에 매우 민감한 시장에서 제품을 제공 할 가능성이 큽니다. 상황이 악화되는 것은 경쟁업체가 동일한 제품을 비슷한 가격에 제공할 수 있다는 점입니다. 이 경우 SEO 순위 및 웹 사이트 경험은 자신을 차별화하는 몇 가지 남은 방법 중 하나 일 수 있습니다. 그리고 이 두 가지는 많은 판매자가 깨닫는 것보다 더 많이 연결되어 있습니다.

Google은 빠른 웹 사이트를 선호합니다.

구글 페이지 경험 업데이트 모퉁이를 돌면 그것은 당신의 웹 사이트의 속도에 세심한주의를 지불하는 것이 중요합니다. 속도를 위한 이커머스 웹사이트 최적화는 2020년과 그 이후의 많은 소매업체에서 가장 중요한 이니셔티브 중 하나로 확인되었습니다. 그리고 페이지 경험 알고리즘 업데이트가 롤아웃 될 때, 느린 사이트는 검색 순위와 SERP 위치에서 빠르게 미끄러 질 것입니다. 이제 행동을 취할 때입니다.

Google 검색 결과의 첫 번째 페이지는 웹 트래픽의 거의 95 %를 수신하며 나머지 SERP 페이지에는 5 %만 남습니다. 그리고 구글은 항상 그들의 랭크브레인 알고리즘과 그 다른 구성 요소들이 어떻게 가중되는지에 대해 매우 모호하지만, 2021년 시작 속도가 검색 순위에서 중요한 역할을 할 것이라는 것을 확실히 알고 있다. 이것은 구글이 검색 결과에 영향을 미치는 특정 신호에 기모노를 열 때 역사상 처음으로 가능성이 높습니다.

속도를 위해 Magento 2 매장을 최적화하지 않으면 유기적 인 트래픽과 잠재 고객을 잃을 위험이 있습니다. 2020년에 조치를 취하지 않는 대형 브랜드까지 많은 매장이 검색 트래픽이 감소하고 막대한 매출 손실을 겪을 수 있습니다. 더 유동적이고 더 좋고 빠른 경험을 제공하는 웹 사이트는 가장 인기있는 유기적 인 키워드를 지배하기 시작할 것입니다.

제품만이 아닌 탁월한 경험 제공

다른 많은 전자 상거래 플랫폼과 마찬가지로 Magento 2는 원래 백엔드 및 데이터 우선 접근 방식으로 구축되었으며 실제 최종 고객 경험과 웹 사이트 속도에 거의 초점을 맞추지 않았습니다. 이들의 초점은 사람이 아니라 SKU에 있습니다. 이로 인해 플랫폼의 고객, 시스템 통합업체, 디자이너 및 개발업체는 웹 사이트 속도 최적화의 부담을 안게 됩니다.

매장이 Magento 2 또는 다른 인기있는 전자 상거래 플랫폼 또는 백엔드 시스템에서 실행되든, 가장 빠른 경험을 제공하려면 고급 속도 중심 웹 기술을 구현해야합니다.

헤드리스 이커머스가 무엇이고 인스턴트 페이지 로드에 필수적인 이유에 대해 자세히 알아보려면 이 웨비나를 시청하십시오.

가장 빠른 Magento 웹 사이트 뒤에있는 주요 전술을 읽으십시오.

Speedy Magento 2 매장의 기술

온라인 쇼핑은 본질적으로 매우 시각적 인 경험이므로 사이트 속도는 전자 상거래에 특히 중요합니다. 상점은 일반적으로 이미지가 많은 웹 사이트이며 쇼핑객이 마지막으로 보고 싶어하는 것은 제품 페이지, 거친 사진 및 jank입니다.

속도를 위해 Magento 2 상점을 최적화 할 때 경량 테마를 사용하고 이미지를 최적화하며 렌더링 차단 Javascript 코드를 제거하는 등 다양한 전술을 구현할 수 있습니다. 전체 팀이 웹 사이트를 최적화 할 수 있지만 문제는 이러한 모든 표준 속도 최적화 기술이 일반적으로 탭 후에 발생하는 일을 조정하는 것을 포함한다는 것입니다 . 웹 사이트를 정말 빠르게 만들려면 고객이 아무 것도 클릭하기 전에 후드 아래에서 실행되는 기술의 조합이 필요합니다. 탭에 반응하는 것에서 예상하는 것으로 이동해야합니다 (나중에 자세히 설명).

속도 지향적인 웹 기술의 대부분은 프런트엔드에서 백엔드를 분리해야 합니다. 예를 들어 프런트엔드를 이식 가능하도록 만들거나 헤드리스 커머스 아키텍처에 가입해야 합니다. 헤드리스(headless)로 전환하면 프런트엔드와 백엔드에 독립적으로 동급 최고의 솔루션을 쉽게 사용할 수 있으므로 원하는 백엔드에서 가장 빠른 웹 사이트를 제공할 수 있습니다.

일단 당신이 당신의 Magento 2 전자 상거래 웹 사이트와 함께 머리가 간다, 당신은 프로그레시브 웹 앱 (PWA)처럼 속도를 위해 내장 된 휴대용 프런트 엔드를 사용할 수 있습니다. PWA 프런트 엔드와 함께 헤드리스 Magento 2 매장을 운영하려면 탄탄한 API 범위와 훌륭한 문서가 필요합니다.

또한 헤드리스(headless)를 사용하면 다음과 같이 웹 사이트를 놀라울 정도로 빠르게 만들 수 있는 최첨단 기술을 추가로 구현할 수 있습니다.

  • 빠른 브라우징 전환을 위한 휴대용 프런트엔드
  • SSR(Server-Side Rendering) 및 AMP 지원으로 번개처럼 빠른 최초 로드가 가능합니다.
  • 예측 프리페치
  • 엣지에서 동적 콘텐츠에 대한 캐시 적중률을 최적화하고 쇼핑객보다 5초 앞당기는 엣지 컴퓨팅을 갖춘 최신 CDN

Magento 2가 이러한 기술을 구현하고 초 미만의 전자 상거래 웹 사이트를 지원하는 데 얼마나 적합한지 조사해 보겠습니다.

1. 마젠토 2 API

헤드리스 스토어는 API를 통해 프런트엔드를 백엔드 이커머스 플랫폼에 연결합니다. 헤드리스(headless)로 전환하기 전에, 이커머스 플랫폼이 우수한 API 커버리지를 갖추고 있는지, 그리고 타사 스토어에 쉽게 연결할 수 있는지 확인하는 것이 좋습니다.

Magento는 API 범위를 제공합니다 : SOAP 및 REST 엔드포인트는 모든 버전에서 사용할 수 있으며 기본 GraphQL 지원은 Magento 2 업데이트로 추가되었습니다. PWA 및 헤드리스 엔드포인트는 GraphQL API를 통해 생성할 수 있지만, 플랫폼의 코드 및/또는 데이터베이스 스키마의 사용자 지정으로 인해 API 호환성이 저하될 수 있습니다.

  • Magento 1 API 형식: REST, SOAP
  • Magento 2 API 형식 : REST, SOAP 및 더 현대적인 GraphQL

Magento 2는 프론트 엔드 개발을 위한 REST 및 SOAP 웹 API의 대안으로 GraphQL을 사용하여 헤드리스 웹 사이트 및 PWA를 지원하는 API를 비교적 쉽게 만들 수 있습니다.

2. Magento 2의 PWA 프런트 엔드 구축

현대의 PWA 휴대용 프론트엔드는 여러 가지 면에서 네이티브 앱과 비슷하며, 웹 사이트 탐색이 빨라짐에 따라 속도의 이점은 분명합니다. 사람들이 온라인 쇼핑을 할 때 많은 일을 합니다.

네이티브 같은 느낌으로, 마젠토 2의 PWA는 더 빨리 느낄 것입니다 . 그러나 PWA의 맥락에서 Speed를 언급할 때는 Speed 보다는 레이아웃 안정성에 더 중점을 둡니다. 한 페이지에서 다른 페이지로 이동하면서 이러한 페이지는 전통적인 웹 사이트처럼 “반송”하지 않습니다. 그리고 사용자는 일반적으로 이러한 “튀는”페이지를 느리게 로드하는 것으로 인식합니다.

웹 사이트에 들어간 다음 몇 초 후에 광고나 배너가 로드되고 모든 것이 바뀌어 전체 테마가 위 또는 아래로 이동합니다. 이로 인해 쇼핑객은 의도하지 않은 클릭, 산만 및 좌절감을 느끼게 됩니다.

PWA 프런트 엔드는 이 문제를 해결합니다. Magento PWA Studio는 개발자가 Magento 2 위에 복잡한 프로그레시브 웹 앱을 구축 할 수있는 도구 모음입니다. 불행히도, PWA 스튜디오는 대부분의 판매자가 아직 업그레이드하지 않은 Magento 2.3 이상에서만 사용할 수 있습니다.

요약하자면, Magento 2 상점에 앉을 PWA 프런트 엔드를 구축하는 장단점이 있습니다.

지원되는 PWA에서 Magento 2 장점:

  • Magento는 일부 PWA 지원을 제공합니다. Magento 2는 Base 및 Luma 반응형 테마를 기본으로 제공합니다. PWA의 경우 Magento 2.3은 “Venia”라는 기본 테마로 PWA Studio라는 툴킷을 제공합니다.
  • 레이아웃 안정성 향상. PWA 프런트 엔드 Magento 2 페이지를 사용하면 이미지가 무거운 페이지에서도 로딩되면서 이미지가 “반사되지” 않습니다.
  • 속도. PWA가 올바르게 구축되면 웹 사이트가 더 빨라집니다.

마지막 두 가지 장점은 PWA Studio 프런트 엔드에서 가능하지만 항상 사용할 수있는 것은 아니지만 서버 측 렌더링에 의존한다는 점에 유의하십시오. 이에 대해서는 나중에 더 자세히 설명하겠습니다.

Magento 2에서 PWA를 선도하는 과제:

  • Magento의 기본 제공 PWA는 정말 빠르지 않습니다. 빠른 속도로 발전하기 위해서는 적절한 인프라가 필요합니다. 때로는 PWA가 이를 지원하는 올바른 기술(예: 서버측 렌더링 및 엣지 컴퓨팅이 포함된 CDN)이 없으면 웹 사이트 속도가 느려질 수도 있습니다. 많은 큰 가게들이 이런 실수를 저지른다. 약간 직관적이지 않은 것처럼 들리지만 사실입니다. 속도를 얻기 위해 PWA에 들어가지만 결국 웹 사이트 속도가 느려질 수 있습니다. 분석에 따르면 PWA를 제공하는 상위 500개 미국 이커머스 웹 사이트는 PWA가 아닌 웹 사이트보다 평균 4초 정도 더 빠르게 로드되지 않습니다.
  • SSR 및 AMP가 없으면 첫 번째 클릭이 여전히 느립니다. Magento PWA Studio는 SSR 또는 AMP를 지원하지 않으므로 첫 페이지로드는 그리 좋지 않습니다. 또한 첫 번째 로드는 PWA에 액세스 할 때 전체 “앱”을 다운로드하기 때문에 빠르지 않습니다. PWA의 다음 페이지 로드는 기존의 다중 페이지 웹 사이트보다 현저히 빠릅니다.
  • Magento의 PWA 스튜디오는 다른 오픈 소스 프런트 엔드 옵션과 비슷하지만 PWA 스튜디오는 플랫폼을 위해 특별히 설계되었습니다. 이것은 당신이 머리가 없는 상업의 가치의 일부를 무디게 하는 Magento 생태계에 갇혀 있다는 것을 의미합니다.
  • 기본 PWA 스튜디오를 사용하여 Magento에 PWA를 구축하려면 전통적인 Magento 개발과는 다른 기술과 툴체인이 필요합니다.
  • Magento PWA Studio는 Magento 2.3 이상에서만 사용할 수 있습니다. Magento 매장의 대부분은 아직 Magento 2.3으로 업그레이드되지 않았습니다.

전반적으로, 오픈 소스, 휴대용 PWA 프레임 워크 (즉, 플랫폼에 기본적으로 내장되지 않지만 자연스러운 API 연결을 제공하는 프레임 워크)를 선택하는 것이 PWA 스튜디오에서 제공하는 공급 업체 제작 프레임 워크보다 더 나은 옵션입니다.

Magento 2용 타사 프런트엔드 프레임워크

오픈 소스 및 벤더가 제공하는 프런트 엔드 옵션은 무료이지만 벤더가 생산한 프런트 엔드는 휴대가 불가능합니다. 물론, 당신은 아마 약간의 노력으로 다른 플랫폼에 걸릴 수 있습니다, 하지만 확실히 그것을 허용 하도록 설계 되지 않았습니다. PWA Studio를 사용하여 구축 된 것과 같은 벤더 제공 프론트엔드는 PWA 해답을 얻기 위해 전자 상거래 플랫폼에 의해 만들어지며, 플랫폼을 다시 구축 할 때 귀하와 함께 가져갈 수 있도록하려는 것이 아닙니다.

Magento 2 매장과 함께 사용할 PWA 프론트 엔드를 찾을 때, 이상적으로 동형 프레임 워크를 찾고 있습니다, 즉 두 가지 버전으로 동일한 페이지를 렌더링. 두 번 쓸 필요는 없습니다. 한 번 써야 합니다. 첫 번째 페이지는 서버측으로 렌더링되고 탐색은 클라이언트측 렌더링입니다.

당신이 headless 갈 때 당신이 당신의 Magento 2 상점을 위해 사용할 수있는 몇 가지 isomorphic 헤드리스 프레임워크가 있습니다 :

  • next.js – Vercel이 만든 PWA를 위한 훌륭한 React 프레임워크,
  • Nuxt.js – Next.js와 동일하지만 Vue를 기반으로 합니다.
  • React Storefront – Next.js를 기반으로 하지만 Magento, Shopify 및 SAP(Hybris)와 같은 특정 플랫폼에 대한 더 많은 스토어 기능, 위젯 및 커넥터를 제공합니다. Layer0은 오픈 소스 PWA 프레임워크 React Storefront의 주요 기여자입니다.
  • Angular(각도) – 서버 쪽 렌더링을 사용하여 이식 가능한 PWA 프런트엔드를 만들 수 있습니다.

이 네 가지 프레임워크는 클라이언트 쪽 렌더링과 서버 쪽 렌더링을 모두 제공합니다. 즉, 첫 번째 로드에 대한 속도 상충이 없으며 매장의 첫 번째 로드와 이후의 모든 로드가 모두 빠릅니다. 또한 Google은 짧은 렌더링 시간을 가진 페이지를 좋아하므로 상점과 같은 무거운 앱이 SSR 없이도 잘 배치 할 수있는 기회가 적습니다.

복잡한 전자 상거래 사이트는 종종 JavaScript가 많으며 Google에서 크롤링하고 이해하기 위해 더 많은 노력을 기울여야합니다. 그들은 그것이 중요하지 않다고 말할 것입니다, 그러나 구글은 클라이언트 측 렌더링을 좋아하지 않습니다. 콘텐츠가 제대로 표시되지 않으면 버그와 문제가 발생할 수 있습니다. 이상적으로는 서버 측 렌더링을 즉시 수행하는 PWA 프레임워크를 찾아야 하지만 Magento의 PWA 스튜디오는 그렇지 않습니다.

하단 라인 : Magento 2.3에서 PWA 스튜디오로 얻을 수있는 기본 PWA 경험은 큰 속도 향상을 제공하지 않습니다. 그러나 Layer0에서 Magento PWA 스튜디오를 시작하면 더 빠른 웹 사이트를 얻을 수 있습니다.

더 빠른 Magento 2 구축

PWA와 같은 헤드리스 휴대용 프론트엔드는 많은 속도 이점을 가지고 있습니다. 좋은 PWA는 느린 것에서 빠른 것으로 당신을 데려 갈 것이지만, 그것은 당신을 즉시 얻지 못할 것입니다. 이를 위해서는 다음과 같은 최첨단 기술을 올바르게 결합해야 합니다.

1. 서버 측 연출 (SSR) 및 AMP

Magento 2.3은 서버 쪽 렌더링을 구현하기위한 제한된 도구를 제공합니다. Magento PWA 스튜디오의 상향 스펙의 일부로 콧수염 템플릿을 통해 구현됩니다. True SSR은 서버에서 전체 클라이언트측 코드를 실행합니다(Mustache 템플릿뿐만 아니라). 따라서 Upward를 사용하는 SSR은 특정 영역(앱 셸 등)으로 제한되거나 개발자는 SSR을 지원해야 하는 각 페이지 또는 영역에 대해 클라이언트측 React 코드와 서버측 수염 템플릿에 코드를 복제해야 합니다.

Google AMP는 HTML을 단순화하고 CSS 및 JavaScript에 대한 엄격한 제한을 적용하여 초고속 모바일 웹 페이지를 만드는 오픈 소스 프레임워크입니다. 평균 AMP 페이지는 검색 후 500밀리초 내에 로드됩니다. 이러한 페이지는 Google 서버에서 캐시되고 미리 렌더링되므로 빠르게 전달됩니다.

Magento 2 매장에서 SSR 및 AMP를 구현하는 데 따르는 과제:

  • Magento는 AMP에 대한 내장 지원을 제공하지 않습니다. AMP를 지원하려면 타사 확장 기능 및/또는 기존 테마를 재구성하여 이러한 기능을 직접 추가해야 합니다. 이로 인해 모바일에서 첫 페이지 로드를 최적화하는 능력이 크게 저하됩니다.
  • Magento 2에서 Upward로 진정한 SSR을 지원하려면 Node.js 서버를 실행하고 유지 관리해야합니다.

2. 현대 CDN

CDN(콘텐츠 전송 네트워크)은 미디어 파일을 저장할 수 있습니다. CDN은 웹 사이트의 콘텐츠(이미지, 비디오 및 코드(JavaScript, CSS 및 기타 웹 사이트)를 더 빠르게 로드할 수 있도록 만들어졌습니다. 누군가 웹 사이트에 액세스하면 CDN은 콘텐츠에 대한 경로를 단축하므로 전국의 서버에서 액세스할 필요가 없습니다. CDN은 모든 주요 도시에 이를 배치하므로 콘텐츠에 액세스하는 시간이 훨씬 단축됩니다. 어떤 사람들은 CDN을 가지고 있지만 알지 못할 수도 있습니다.

기존 CDN은 정적 웹 사이트용으로, 이미지, 텍스트 및 자주 변경되지 않는 기타 요소를 저장합니다. 그러나 동적 가격 책정 및 실시간 재고 조회를 갖춘 현대 상점은 그 이상의 것을 필요로합니다.

모바일 네트워크가 점점 더 빨라지고 있고 이러한 모든 4G 및 5G 속도를 가지고 있더라도 모바일 웹 사이트는 여전히 동일한 속도로 유지되며 일반적으로 페이지 로딩 당 약 3 ~ 5 초 정도 유지됩니다. 오늘날 거의 모든 주요 전자 상거래 사이트가 CDN을 사용하지만 이러한 상황은 그다지 개선되지 않았습니다.

Magento 2와 CDN 통합의 당면 과제

  • Magento의 온-프레미스 버전은 상자 밖으로 CDN 통합과 함께 제공되지 않습니다, 당신은 여전히 당신의 선택의 CDN을 사용할 수 있지만.
  • Magento Commerce(Cloud)에는 캐싱 모듈이 내장되어 있지만 진정한 CDN은 아닙니다. 실제 CDN처럼 분산된 PoP(Points of Presence)가 부족합니다.

Layer0 CDN-as-JavaScript는 CDN을 대체하거나 함께 작동할 수 있습니다. 거의 100개의 팝이 있습니다. Layer0의 웹 사이트는 엣지의 동적 콘텐츠에 대해 평균 95% 이상의 캐시 적중률을 보입니다.

상담 대화를 예약하여 Layer0이 Magento 2에서 1 초 미만의 페이지 로드를 달성하는 데 도움이되는 방법을 알아보십시오.

저희가 도와드리겠습니다.

Layer0은 개발 및 배포에서 쉬운 롤백에 이르기까지 신속하고 머리가없는 Magento 저장소를 매우 간단하게 만듭니다. 당신은 모든 현대적인 헤드리스 프런트 엔드에 대해 할 수 있습니다 : Next, Nuxt, React, SAP / Spartacus, React Storefront, Vue Storefront – 우리는 그들 모두를 지원합니다.

속도 및 변환 리프트. 전환율 증가와 유기적 트래픽 증가를 결합하면 이커머스 사이트에 시너지 효과를 발생시켜 수익으로 직접 이어집니다. 더 빠른 상점을 운영함으로써, 당신은 SERP에서 더 높아지고 있지 않습니다. 경쟁이 치열한 시장에서는 경쟁사가 귀하의 웹 사이트에 트래픽을 잃어 가고 있음을 의미합니다. Layer0의 웹 사이트는 전환율 및 검색 트래픽이 평균 15-30% 증가한 것을 확인할 수 있습니다.

단순성. Layer0의 목표는 단순한 작업이 아닌 헤드리스 트렌드를 지원하고 있음에도 불구하고 웹을 즉각적이고 간단하게 만드는 것입니다. Layer0의 웹 사이트 서버리스 JavaScript 플랫폼을 사용하면 코드를 워크플로우의 중심에 두는 것만으로 개발자 속도와 엔터프라이즈 민첩성이 20% 향상됩니다.

협업. 새 코드를 작성할 때마다 사전 프로덕션 환경이 자동으로 생성됩니다. QA 담당자와 비즈니스 관계자는 코드를 병합하기 전에 이를 테스트하고 피드백을 제공할 수 있습니다.

Magento 1에서 Magento 2로 12주 만에 업그레이드하고 2초 미만의 웹 사이트를 얻으십시오.

실제 A/B 테스트 A / B 테스트는 웹 사이트를 느리게 만듭니다. 속도를 위해 최적화 된 웹 사이트를 갖는 아무 소용이 없을 것이며 A / B 테스트는 당신의 노력을 망칠 것입니다. Layer0 (Edgio)를 사용하면 웹 사이트에서 실험을 할 수 있지만 즉각적으로 사용할 수 있습니다. 예를 들어 사용자의 5%에 대해 카나리 배포를 수행할 수 있습니다. Layer0을 사용하면 응용 프로그램을 작성하는 것처럼 경로 규칙을 작성하고 트래픽 분할을 완벽하게 제어할 수 있습니다.

Layer0에는 성능 모니터링 및 모든 것을 추적하는 대시보드도 제공됩니다.

무제한 확장성. 블랙 프라이데이에도 Layer0은 자동으로 확장되어 매장에 증가된 트래픽을 흡수합니다. 매달 Layer0의 웹 사이트를 방문하는 미국 쇼핑객의 3 분의 1과 함께, 당신은 당신이 좋은 손에 있다는 것을 알고 있습니다.

보안. Layer0은 WAF, DDoS 및 봇 방어 기능이 기본적으로 지원되는 엔터프라이즈급 PCI 레벨 1 DSS입니다.

성공적인 상점은 그것을 할 방법 : 레이어 0에 아키라의 인스턴트 Magento 2 매장

즉각적인 전자 상거래 웹 사이트는 수익에 막대한 영향을 미칠 수 있습니다. 우리는 고객들과 함께 여러 번 이것을 보았습니다. 예를 들어, 선물과 꽃의 거인 1-800-flowers는 1 초 미만의 웹 사이트에서 전환율이 50 % 상승했습니다. 금성 패션은 또 다른 예로, 패션 소매 업체는 웹 사이트 로딩의 15.25 %에서 Layer0의 72.75 %로 증가하여 전환율이 24 % 증가했습니다.

패션 소매 업체 아키라는 Layer0의 1 초 미만의 웹 사이트를 통해 전환율을 37.25 % 인상했습니다. Akira는 고급 기술의 조합을 즉시 통과했습니다.

  • React Storefront로 구축된 초고속 전자 상거래 PWA
  • 서버쪽 렌더링 및 AMP 지원
  • 예측 프리페치
  • 엣지 컴퓨팅 기능을 갖춘 CDN-as-JavaScript

처음 두 가지는 착륙부터 체크아웃까지 번개처럼 빠른 페이지 속도를 보장합니다. 마지막 두 가지는 다음 움직임을 예측하고 JSON 데이터를 캐싱된 엣지에서 프리페치하여 브라우저로 스트리밍함으로써 웹사이트가 쇼핑객보다 5초 앞서 있게 합니다. 이 방법으로 사용자는 전체 사이트가 이미 휴대 전화에 있으며 더 이상 “페이지 로드”라는 개념이 없습니다.

빠른 검색 트래픽과 향상된 SEO를 위한 원활한 AMP 지원

Akira는 Amazon, Nordstrom, Zappos 및 기타 수십억 달러의 경쟁자를 주요 문구로 압도합니다. 어떻게? 이 패션 소매업체는 React Storefront의 AMP 변환 기술을 활용하여 검색에서 즉시 첫 로드를 제공합니다.

소매업체 웹 사이트의 모든 페이지에는 자동으로 생성된 AMP 버전이 제공됩니다. 이를 통해 소매업체는 검색 엔진 최적화에 전념하는 대규모 팀과 예산을 보유한 거대 전자상거래 업체를 앞질러 경쟁력을 확보할 수 있습니다.

보다 빠른 비검색 트래픽을 위한 SSR

Akira는 Layer0에 내장된 서버측 렌더링 기능을 사용하여 비검색 채널에 대한 즉각적인 첫 로드를 제공합니다. 표시, 소셜, 이메일, 추천 및 기타 비 검색 트래픽 평균 순간의 북쪽 순간에, 이후 페이지는 500ms 이내에 로딩됩니다. 이는 페이지 로딩당 평균 3-5초의 시간이 소요되는 시장에서 상당한 경쟁 우위를 차지합니다.

Layer0에서 내장 자동 AMP 변환으로 검색에서 즉시 첫 페이지 로드

Akira 사례 연구 전문은 여기 에서 확인할 수 있습니다 .

요약

현대 소비자는 변덕스럽고 분별력이 있으며 경험에서 사소한 딸꾹질이있는 경우 전자 상거래 웹 사이트를 떠날 수 있습니다. 웹 사이트 속도에 대한 구글의 관심이 높아짐에 따라 온라인 유통업체는 표준 이하의 웹 사이트 성능을 제공할 변명의 여지가 없습니다.

느린 웹 사이트 속도에 어려움을 겪고 있다면 조치를 취할 시간입니다. 2021년 초에 페이지 경험 업데이트가 시작됨에 따라 느린 웹 사이트가 검색 순위에서 미끄러지기 시작합니다. 그럼에도 불구하고 사용자는 더 나은 경험을 누릴 자격이 있으며 더 나은 SEO를 누릴 자격이 있습니다. 속도는 사용자와 검색 엔진에 대한 중요성을 계속 얻어 트래픽과 전환 상승을 두 번째 승리로 가져올 것입니다.

그러나 경쟁을 뛰어 넘고 즉시 갈 수 있다면 속도를 위해 사이트를 최적화하기 위해 엄청난 노력을 기울이는 이유는 무엇입니까? Magento 2에서 PWA 또는 SPA를 사용하는 경우 Layer0 (Edgio)에서 500ms 미만의 중간 페이지 속도를 보장합니다. Magento (또는 다른 전자 상거래 플랫폼)에 전통적인 웹 사이트가있는 경우 우리는이 속도 향상을 보장합니다.

이는 Layer0(현재 Edgio)이 속도 최적화의 개념을 되돌려 쇼핑객의 도청 전에 모든 무거운 리프트를 수행하고(예측 프리페치 및 에지 캐싱을 통해) 탭 후 페이지 렌더링을 최적화하기 위해 뒤섞이지 않기 때문에 가능합니다. 이렇게 하면 고객보다 5초 앞서 사이트를 유지할 수 있습니다.