Shopify 스토어를 위한 최고의 속도 향상 팁
게시 됨: 2022-10-08페이지 로드 시간이 그 어느 때보다 중요합니다. 사용자는 페이지를 로드하는 데 1초가 걸릴 때마다 웹 사이트를 포기하는 경우가 점점 더 많아지고 있습니다. 이는 다른 웹사이트와 마찬가지로 Shopify 스토어에서도 마찬가지입니다.
Shopify 스토어가 증가하고 있습니다. Shopify 매장의 총 매출은 2017년 2분기에 1억 5,170만 달러로 증가했습니다. 이는 2016년 2분기보다 75% 증가한 수치입니다.
사람들은 전자 상거래 솔루션을 위해 Shopify 스토어로 몰려들고 있습니다. 이것은 Shopify 스토어가 얼마나 쉽게 사용 및 설정되는지와 관련이 있습니다.
Shopify 스토어는 설정이 매우 쉽고 빠르며 많은 비즈니스 소유자와 기업가가 비즈니스 또는 기술 분야에서 많은 교육 없이 뛰어들고 있습니다. 그러나 비즈니스를 개발하려면 웹 개발자가 되는 것과는 훨씬 다른 사고 방식이 필요합니다.
Shopify 스토어를 최대한 활용하려면 두 가지 모두에 약간의 능력이 필요합니다. Shopify 스토어의 로딩 시간을 늘리기 위한 가이드를 통해 Shopify 스토어를 번개처럼 빠르게 로드할 수 있도록 도와드립니다!
Shopify 스토어 페이지 로드 시간 가이드
먼저 전자 상거래 솔루션에 Shopify 스토어를 고려해야 하는 이유를 살펴보겠습니다. 시장에는 많은 전자 상거래 솔루션이 있습니다. 사이트 최적화를 시작하기 전에 Shopify 스토어가 귀하의 요구에 가장 적합한지 확인하고 싶을 것입니다.
왜 쇼피파이인가?
귀하에게 적합한 전자 상거래 솔루션을 아는 것은 주로 개인의 선호도와 취향에 달려 있습니다. '즉시 사용 가능한' 전자 상거래와 같은 것은 없습니다. 그것은 모두 귀하의 특정 요구 사항에 달려 있습니다.
그럼에도 불구하고 Shopify 스토어가 신규 및 기존 비즈니스 소유자 모두에게 보편적인 인기를 얻는 데에는 몇 가지 이유가 있습니다.
Shopify 스토어는 저렴하고 쉽습니다.
Shopify 는 전자 상거래 비즈니스를 시작하고 실행하는 가장 빠른 방법 중 하나입니다. Shopify 스토어에는 추가 호스팅 또는 서버 비용이 필요하지 않습니다. 또한 완전히 작동하기 위해 많은 프로그래밍 지식이 필요하지 않습니다.
Shopify 스토어를 사용하면 정규 웹 개발자가 되는 대신 전자 상거래 사이트를 운영하는 데 집중할 수 있습니다.
Shopify는 완전히 사용자 정의 가능
Shopify 스토어는 자체 웹 도메인을 소유하는 것만큼 유연합니다. 웹 디자인 및 개발에 아직 익숙하지 않은 사람들을 위해 훨씬 더 유연합니다.
Shopify 테마 스토어 는 Shopify 스토어를 위한 다양한 맞춤형 테마를 제공합니다. 무료에서 수백 달러에 이르는 광범위한 사용자 정의 테마 옵션이 있습니다.
코딩에 조금 더 익숙한 사람들을 위해 사용자 정의 테마는 일반적으로 사이트의 요구 사항에 맞게 수정할 수 있습니다.
Shopify는 다른 웹사이트를 강화할 수 있습니다
Shopify는 전자 상거래 엔진입니다. 다른 전자 상거래 솔루션과 마찬가지로 Shopify는 소스 코드에 대한 액세스 권한이 있는 경우 모든 웹사이트의 비즈니스 측면을 처리하는 데 사용할 수 있습니다.
Shopify의 모든 구성 요소는 한 회사에서 설계하므로 부품을 교체할 수 있습니다. Apple을 모듈식 소프트웨어가 함께 작동할 수 있는 방법의 예로 생각하십시오. Shopify에서 제공하는 사이트는 서로 쉽게 동기화되므로 셔플 중에 손실되는 것이 없습니다.
Shopify는 SEO 친화적입니다
SEO 및 검색 엔진 마케팅은 항상 변화하고 있습니다. Google 업데이트는 영화 프랜차이즈의 속편으로 Fast and Furious로 제공됩니다. SEO 사고는 조심하지 않으면 Tokyo Drift보다 더 위험할 수 있습니다.
Shopify 스토어 에서 SEO를 위해 콘텐츠를 최적화 하는 일부 영역은 다음과 같습니다.
• 메타 타이틀
• 페이지 제목
• 사이트맵
• 사용자 정의 가능한 URL
• 301 페이지 리디렉션
• Robots.txt
Shopify 스토어는 최신 SEO 업데이트를 추적하므로 그렇게 할 필요가 없습니다. 현재 SEO 모범 사례에 따라 검색 엔진에서 순위를 매기기 쉽습니다.
연중무휴 기술 지원
시간은 돈이다. 시간 낭비는 돈 낭비라는 뜻이다. 매 순간 귀하의 웹사이트는 수익을 올릴 수 있는 순간입니다.
Shopify 매장은 지속적인 기술 지원의 이점을 경험합니다. 한밤중에 웹 사이트가 다운되는 경우 누군가가 가능한 한 빠르고 고통 없이 온라인으로 돌아갈 수 있도록 도와줄 수 있습니다.
이제 전자 상거래 요구 사항에 대해 Shopify 스토어를 고려해야 하는 몇 가지 이유를 살펴보았으므로 가능한 빨리 로드하는 방법을 알아보겠습니다.
Shopify 페이지 로드 시간을 단축하는 방법
페이지 로드 시간이 1초 추가될 때마다 이탈률이 증가합니다. 페이지 로드 시간을 1초에서 3초로 늘리면 이탈률이 32% 증가합니다. 페이지 로드 시간이 1초에서 5초로 증가하면 이탈률이 90%나 증가합니다.
다음은 Shopify 상점의 속도를 높이는 몇 가지 방법입니다.
사이트 평가 수행
Google은 SEO 지표 중 하나로 페이지 로드 시간을 점점 더 강조하고 있습니다. Google의 PageSpeed Insights 도구 는 Google의 현재 요구 사항에 따라 Shopify가 어떻게 요금을 부과하는지 확인할 수 있는 좋은 장소입니다.
Google에서 로딩 시간 성능에 대해 분석하는 일부 영역은 다음과 같습니다.
• 이미지 최적화
• CSS 스타일 시트
• 자바스크립트
• 리디렉션
• 브라우저 캐싱
• Gzip 압축
PageSpeed Insights 도구는 모바일 및 데스크톱 버전의 웹사이트를 분석합니다. Shopify 사이트가 고객에게 어떻게 표시되는지 확인하기 위해 시작하기에 좋은 곳입니다.
Google은 또 다른 무료 도구인 내 사이트 테스트 를 권장합니다. Shopify 스토어에 대해 너무 많은 통찰력을 가질 수는 없습니다!
물론 통찰력은 실행 가능하고 이해할 수 있을 때만 유용합니다. GtMetrix는 상점의 페이지 로드 시간을 분석하는 또 다른 무료 리소스입니다. 귀하의 사이트에는 A에서 F까지 등급이 매겨져 있습니다. 유치원생도 이러한 측정항목을 이해할 수 있습니다!
Accelerated Mobile Pages로 모바일 최적화
모바일 사용자는 페이지 로드 시간과 관련하여 데스크톱 브라우저보다 훨씬 더 까다롭습니다. Shopify는 데스크톱보다 모바일 장치에서 로드하는 데 더 오랜 시간이 걸리므로 잠재고객을 잃을 위험이 있는 끔찍한 피드백 주기가 생성됩니다.
웹사이트 이탈률의 51%는 모바일 기기에서 발생하는 경향이 있습니다. 이는 데스크톱과 태블릿 모두보다 높습니다. 가속 모바일 페이지(AMP)를 구현해야 하는 더 많은 이유. AMP는 모바일 페이지 로드 시간을 단축하도록 설계된 디지털 프레임워크입니다.
Shopify는 전자 상거래 경험을 위한 가치 있는 AMP를 제공함으로써 지난 한 해 동안 많은 발전을 이루었습니다. 가장 높은 평가를 받은 솔루션은 Shop Sheriff의 AMP로, 넉넉한 무료 요금제를 자랑하며 매장의 모든 제품을 무료로 AMP할 수 있습니다.
AMP 앱은 또한 제품 리뷰, "지금 구매" 버튼 또는 "고정" 장바구니에 추가 옵션을 포함하여 전자상거래 관련 기능과 몇 가지 주목할만한 통합을 제공하여 보다 앱과 같은 느낌을 줍니다. AMP by Shop Sheriff의 템플릿 사용자 지정 도구를 사용하면 AMP 페이지의 변경 사항을 실시간으로 미리 볼 수 있으므로 브랜드에 맞게 AMP 템플릿을 비교적 쉽게 조정하고 편집할 수 있습니다.
또 다른 인기 있는 솔루션은 단일 요금으로 설치할 수 있는 FireAMP입니다. 두 앱 모두 무료 평가판과 전자상거래 사이트용 AMP를 활성화 또는 비활성화할 수 있는 간편한 켜기/끄기 스위치가 있으므로 스토어를 변경하기 전에 AMP 페이지에 익숙해질 수 있습니다.
이 무료 앱은 모두 Shopify 앱 스토어에서 별 4개 등급을 받았습니다. 모바일용 Shopify 스토어 최적화에 대한 보다 실질적인 접근 방식을 원하는 경우 웹 및 앱 개발자가 Shopify의 API 를 사용할 수 있습니다.
이미지 압축
Shopify는 다양한 이미지 파일 형식을 지원합니다.
Shopify에서 지원하는 이미지 파일 형식은 다음과 같습니다.
• JPG
• 프로그레시브 JPG
• PNG
• GIF
이미지 최적화는 Spotify 스토어의 페이지 로드 시간을 단축하는 가장 간단한 방법 중 하나입니다. 또한 특정 페이지에 너무 많은 이미지를 표시하지 않도록 하십시오.
Shopify 스토어에서 이미지를 최적화하는 방법에는 여러 가지가 있습니다. TinyPng.com 은 .png 및 .jpg 파일을 최적화할 수 있는 무료 웹 리소스입니다. 웹사이트의 대역폭을 최대 71%까지 줄일 수 있습니다.
그러나 TinyPng.com을 사용하면 이미지 품질이 저하될 수 있습니다. Crush.pics 는 이미지 품질을 저하시키지 않으면서 이미지를 최적화할 수 있는 무료 앱입니다.
ImageOptimizer 는 품질 저하 없이 이미지를 최적화하는 또 다른 훌륭한 앱입니다. 소액의 월 이용료로 이용 가능합니다.
효율적인 테마 사용
모든 웹사이트에 상상할 수 있는 모든 기능이 필요한 것은 아닙니다. 간단한 기본 전자 상거래 사이트를 호스팅하려는 경우 간단한 Shopify 테마가 요구 사항을 충족해야 합니다.
Shopify 테마를 선택할 때 페이지 로드 시간과 응답성을 주시하십시오. 최신 버전 을 확인하십시오. 최신 버전으로 업데이트한 후 실시간 미리보기를 확인하여 실시간으로 어떻게 보일지 확인하세요.
앱을 최소한으로 유지
Shopify 앱 스토어에서 다운로드하는 모든 앱은 Shopify 스토어에 약간의 JavaScript/CSS 스크립트를 추가합니다. 이 스크립트는 앱을 사용하지 않는 경우에도 계속 유지됩니다. 이렇게 하면 페이지 로드 시간이 크게 느려질 수 있습니다.
사용할 앱을 최소한으로 제한하십시오. 그 외에도 때때로 앱 목록을 검토하십시오. 더 이상 사용하지 않는 앱을 제거합니다. 이렇게 하면 초과 코드도 제거됩니다.
HTML 요청의 양 줄이기
GiftOfSpeed의 HTTP 요청 검사기 도구 는 사이트에서 얼마나 많은 HTTP 요청을 하는지 분석합니다. 각 HTTP 요청은 페이지 로드 시간을 늦춥니다.
HTTP 요청을 줄이는 몇 가지 방법은 다음과 같습니다.
• CSS를 결합하고 모두 인라인 상태인지 확인
• 모든 JavaScript 통합
• JavaScript가 인라인 상태인지 확인
• 디자인 이미지를 최소한으로 유지
• CSS 이미지의 스프라이트 만들기
• 이미지를 Base64로 변환
• 소셜 공유 버튼 수 줄이기
리디렉션 및 끊어진 링크 확인
리디렉션 및 깨진 링크는 페이지 로드 시간에 매우 부정적인 영향을 미칠 수 있습니다. 리디렉션 및 끊어진 링크를 확인하기 위한 수많은 도구가 있습니다.
리디렉션을 확인하려면:
1. Shopify 관리자 계정으로 이동합니다.
2. 온라인 스토어 > 관리로 이동합니다.
3. URL 리디렉션을 클릭합니다.
4. URL 리디렉션 추가를 클릭하여 리디렉션을 추가합니다.
깨진 링크는 페이지 로드 시간에 훨씬 더 큰 영향을 미칩니다. Broken Link Checker 는 SEO에 부정적인 영향을 미치는 깨진 링크를 확인하는 무료 웹 리소스입니다. Xenu 는 Shopify 사이트에서 끊어진 링크를 평가하는 데 유용할 수 있는 또 다른 무료 리소스입니다.
Google 태그 관리자로 추적 코드 추적
일반적으로 모든 분석 사이트에는 자체 추적 코드가 있습니다. 이는 Google 애널리틱스, 애드워즈 및 리마케팅 태그에 대한 별도의 코드를 의미할 수 있습니다. 이렇게 하면 시간이 지남에 따라 페이지 로드 시간이 느려질 수 있습니다.
Google 태그 관리자 는 모든 태그를 한 곳에 보관합니다. Google 태그 관리자는 Shopify 스토어를 쉽게 관리할 수 있습니다.
슬라이더 대신 영웅 레이아웃 사용
슬라이더는 사이트의 대역폭에도 상당한 부담을 줄 수 있습니다. 웹마스터는 슬라이더당 5~6개의 고품질 이미지를 추가하는 경향이 있습니다. 이로 인해 Shopify 스토어에 큰 지연이 발생할 수 있습니다.
슬라이더는 몇 년 전에 인기가 있었지만 최근에는 약간의 반발이 있습니다. 많은 웹 개발자는 모두 함께 사용하지 말라고 조언합니다.
사용자의 약 1%만이 슬라이더를 클릭합니다. 슬라이더 는 사용자를 짜증나게 하는 경향이 있습니다. 슬라이더는 마지막 단점 으로 SEO에 부정적인 영향을 미칩니다 .
슬라이더 대신 단일 이미지와 클릭 유도문안이 있는 Hero 레이아웃 이 페이지 로드 시간에 훨씬 좋습니다. Dropbox는 Hero 레이아웃을 사용하는 사이트의 예입니다.
Hero 레이아웃은 일반적으로 웹사이트의 첫 페이지에 배치되는 하나의 배너 이미지입니다. 방문자가 Shopify 스토어를 방문할 때 가장 먼저 보게 되는 것입니다. Hero 레이아웃은 종종 사이트의 가장 중요한 세부 정보를 제공합니다.
각 변경 후 사이트 속도 확인
사이트를 크게 변경한 후에는 PageSpeed 분석을 실행하는 것이 좋습니다. 무엇이 작동하고 무엇이 작동하지 않는지 알 수 있습니다. 이렇게 하면 웹 개발을 개선하는 데 도움이 되므로 시간이나 리소스를 낭비하지 않습니다.
정말 세분화된 인사이트를 원하면 각 변경 후에 PageSpeed 분석을 실행하세요. 이렇게 하면 각 변경 사항이 페이지 로드 시간에 어떤 영향을 미치는지 알 수 있습니다. 또한 주시해야 할 메트릭에 대한 아이디어를 제공하므로 Shopify 스토어가 가능한 한 빨리 로드되도록 계속할 수 있습니다.
Shopify는 최소한의 노력으로 웹 사이트를 시작하고 실행하려는 사람들을 위한 강력한 전자 상거래 솔루션입니다. 다음 팁을 따라 Shopify 사이트가 최적의 속도로 실행되고 있는지 확인하여 고객이 점프 없이 쇼핑하고 탐색할 수 있도록 하십시오!
귀하의 웹사이트가 어떻게 평가되는지 알고 싶으십니까?
웹 기반 비즈니스를 운영하는 것은 경쟁이 치열할 수 있습니다.
운 좋게도 디지털 마케터를 위한 도구와 리소스는 역사상 그 어느 때보다 많습니다.
지금 연락 하여 마케팅 검토 일정 을 잡고 디지털 비즈니스를 빠르게 진행하십시오!