더 빠른 웹사이트 구축을 위한 Shopify 웹 개발자의 4가지 팁

Shopify 웹 개발자가 웹 사이트 속도에 대해 걱정하는 이유는 무엇입니까?

숙련된 Shopify 웹 개발자는 대부분의 고객을 확보하기 위해 전자 상거래 웹 사이트가 단 3초 만에 로드되어야 한다는 것을 알고 있습니다. 1초마다 온라인 소매업체는 조급함과 짧은 주의 시간으로 인해 비즈니스를 잃을 위험이 있습니다. 그러나 거의 100개의 온라인 상점을 조사한 최근 연구에 따르면 Shopify 상점의 평균 속도는 9초가 넘습니다.

9초 만에 로딩되는 웹사이트는 많은 비즈니스를 잃게 됩니다. 모든 웹사이트에 권장되는 속도는 7초이며 전자 상거래 회사는 경쟁에서 앞서 나가기 위해 그보다 빨라야 합니다. 요컨대, 느린 웹 사이트는 회사를 망칠 수 있고 수천 개의 수익을 내고 귀하의 제품을 좋아하는 고객을 몰아낼 수 있습니다. 이 비즈니스는 잃을 여유가 없을 뿐만 아니라 웹사이트 성능으로 인해 고객을 잃는 것은 완전히 불필요합니다.

불필요한 플러그인 삭제

플러그인은 웹사이트가 더 잘 운영되도록 돕기 위한 것입니다. 맞죠?

결과적으로 많은 플러그인이 한 가지 문제를 처리하는 데 탁월하지만 속도를 위해 Shopify 스토어를 최적화하지 않습니다. 플러그인은 기능의 다양한 측면을 개선하도록 설계되었습니다. 똑똑한 전자 상거래 회사는 사용자 경험을 개선하고 온라인 상점을 더 쉽게 관리할 수 있도록 Shopify 상점 전체에서 플러그인을 사용하고 있습니다. 그러나 Shopify 웹 개발자는 모든 플러그인이 다른 플러그인보다 웹사이트 속도를 늦추고 있다고 말합니다.

웹사이트에서 실행되는 모든 플러그인을 검토하고 중복되는 플러그인을 제거하는 것으로 시작하세요. 또한 플러그인이 웹사이트의 기능에 가치를 더하지 않는다면 삭제하십시오. 플러그인에서 이 첫 번째 단계는 모든 불필요한 플러그인을 제거해야 합니다. 특정 플러그인을 심층적으로 제거한 후 속도 향상은 유지 관리에 관한 것입니다. 모든 플러그인은 정기적으로 업데이트해야 합니다. 플러그인이 오래될수록 웹사이트 성능에 문제가 발생할 가능성이 높아집니다.

플러그인을 제거하거나 업데이트하는 과정에서 웹사이트의 위젯을 살펴보세요. 때로는 방문 페이지, 제품 페이지 또는 연락처 웹 페이지의 추가 요소로 인해 기본 콘텐츠 로드 속도가 느려질 수 있습니다. 추가 위젯을 제거하거나 방문 페이지를 단일 열로 줄일 수 있는 기회가 있는 경우 Shopify 웹 개발자는 이를 적극 권장합니다.

대형 이미지 교체 또는 삭제

많은 Shopify 매장에서 이미지 문제가 발생합니다. "느린 Shopify 사이트"에서 토론 포럼을 검색하면 대부분의 조언은 이미지의 크기와 배치를 줄이는 것에 관한 것입니다. 그러나 이것은 전자 상거래 회사가 삼키기 힘든 조언입니다.

온라인 판매자는 아름다운 사진을 포함하여 제품을 선보이고 싶어합니다. 이는 Shopify 스토어가 이미 다른 웹사이트보다 이미지 및 기타 미디어를 배치할 수 있는 더 많은 기회를 갖고 있음을 의미합니다. 또한 전체 해상도 이미지를 활용하려는 큰 인센티브가 있습니다. 이러한 사진은 잠재 고객이 제품과 연결되는 데 도움이 되며 더 나은 사진은 신뢰를 구축합니다. 마지막으로 Shopify 스토어의 이미지가 눈에 띄지 않거나 시청자의 관심을 끌지 않으면 판매 가능성이 낮아집니다.

이러한 경쟁적 인센티브를 모두 염두에 두고 이미지를 삭제하거나 대형 파일을 교체하라는 권장 사항이 Shopify 사이트의 다른 품질을 손상시키는 것처럼 느껴질 수 있습니다. 그렇지 않다.

Shopify 웹 개발자는 전체 해상도, 고품질 이미지가 멋지게 보이지만 로드 속도가 매우 느리다는 사실을 지속적으로 인식하고 있습니다. 이 문제를 해결하기 위해 개발자는 온라인 도구를 사용하여 품질을 손상시키지 않으면서 이미지의 파일 크기를 줄입니다. 이미지를 압축하고 최적화할 때 Shopify 스토어에서 미디어를 제거하지 않아도 됩니다. 그러나 최소한의 디자인이 온라인 쇼핑객들에게 계속 인기를 얻고 있기 때문에 방문 페이지의 이미지 수를 줄이는 것을 고려해야 할 이유가 있습니다.

테마를 변경할 시간

테마는 모든 것이 평등하게 만들어지지 않은 또 다른 영역입니다. Shopify 웹 개발자가 플러그인을 추가하거나 이미지를 업로드하거나 디자인을 사용자 지정하기 전에 성능 향상을 위해 일부 테마가 구축됩니다. Shopify 테마를 결정하지 않은 경우 빠른 웹 사이트를 구축하는 가장 쉬운 방법 중 하나는 최적화된 테마를 선택하는 것입니다.

자신의 Shopify 사이트를 구축하는 경우 올바른 테마를 선택하려면 약간의 조사가 필요합니다. 선호하는 몇 가지 테마를 찾는 것으로 시작하십시오. 그런 다음 Google의 Pagespeed Insight 또는 다른 성능 도구를 사용하여 테마의 성능 측정항목을 측정합니다. 종종 각 테마의 미리보기 페이지를 비교하여 더 빨리 실행되는 페이지를 결정할 수 있습니다.

비교가 Pagespeed Insight의 전체 점수가 되지만 Shopify 테마의 속도 성능은 테마 코드와 밀접하게 관련되어 있습니다. 느린 테마를 실행하려면 여러 JavaScript 파일과 여러 CSS 파일이 필요합니다. 이러한 각 파일은 렌더링 차단을 통해 로드해야 하므로 성능이 저하됩니다. 대신 단일 JavaScript 파일과 단일 CSS 파일이 있는 최적화된 테마를 찾으십시오.

Shopify 라이브러리에는 이러한 기능을 제공하는 몇 가지 옵션이 있습니다. 따라서 최적화된 테마를 찾는 것이 온라인 상점의 디자인, 모양 또는 느낌을 제한할 것이라고 걱정하지 마십시오.

타사 광고주에게 판매하지 마십시오

브랜드를 대표하고 원활하게 운영되는 Shopify 스토어를 만드는 데는 많은 시간과 노력이 필요합니다. 종종 속도를 늦추지 않고 모든 콘텐츠, 미디어 및 위젯을 페이지에 가져오는 작업이 수행됩니다. 그러나 전자 상거래 회사는 타사 콘텐츠가 사이트에 미치는 영향도 고려해야 합니다.

대부분의 경우 타사 스크립트는 Shopify 스토어에서 원활하게 실행할 수 있습니다. 예를 들어 Amazon, Facebook 및 PayPal은 웹 사이트에 빠르게 로드되는 API 및 타사 스크립트를 개발했습니다. 실제로 이러한 스크립트는 Shopify 테마의 나머지 부분보다 빠를 수 있습니다. 그러나 전자 상거래 회사는 다른 타사 콘텐츠를 추가하기를 원합니다. 소셜 미디어 연결이든 타사 광고이든 이러한 스크립트는 유용할 수 있습니다. 그러나 일부 타사 스크립트는 웹사이트 최적화에 해가 됩니다.

타사 스크립트가 많을수록 Shopify 스토어 속도가 느려질 가능성이 커집니다. 이러한 스크립트는 상점을 중단시킬 수도 있습니다. Shopify 웹 개발자는 사이트 속도를 저하시킬 수 있는 타사 콘텐츠를 인식하고 실제로 필요한 타사 스크립트를 최적화하는 데 도움을 줄 수 있습니다.

1Digital Agency는 Shopify Plus 파트너이자 숙련된 Shopify 웹 개발자입니다. 우리 팀은 Shopify와 긴밀하게 협력하여 고객의 온라인 상점을 맞춤화합니다. 당사 웹사이트를 방문하여 Shopify와의 긴밀한 파트너십 및 당사 팀이 웹 페이지 로딩 속도 저하와 같은 Shopify 문제를 해결하는 방법에 대해 자세히 알아보십시오.