WordPress 전자상거래 웹사이트 속도를 높이는 방법은 무엇입니까?

WordPress는 세계에서 가장 인기 있는 콘텐츠 관리 시스템입니다. 요즘에는 더 이상 블로그 도구로만 사용되지 않습니다. 대신 전자상거래를 포함한 다양한 웹사이트를 강화할 수 있습니다.

실제로 WordPress로 구축된 전자상거래 웹사이트의 수가 계속해서 증가하고 있습니다. WordPress 전자상거래 웹사이트를 운영하고 있다면 어떻게 더 빠르게 만들 수 있나요?

다시 말해, WordPress 전자 상거래 웹 사이트의 속도를 어떻게 높이십니까? 이 질문에 대한 답변이 포함 된이 기사는 WordPress 전자 상거래 웹 사이트 속도를 높이는 데 유용한 아이디어를 제공합니다.

시작 가이드

WordPress 전자 상거래 웹 사이트를 구축하고 설정하는 다양한 방법이 있습니다. 물론 이러한 모든 방법은 특정 WordPress 사용을 중심으로 이루어집니다. plugin. 일반적으로 말하면, WooCommerce WordPress 사용자에게 가장 인기있는 전자 상거래 솔루션입니다. 분명히 대부분의 최적화 및 속도 향상 방법은 WooCommerce.

그러나 만약 당신이 WooCommerce 사용자? 다른 많은 것들이 있습니다 plugins WordPress 전자상거래 웹사이트를 만드는 데 도움이 될 수 있는 것이 있습니다. 예를 들어, 다음을 사용할 수 있습니다. Easy Digital Downloads 디지털 제품 (실제 제품이 아닌) 등으로 전자 상거래 상점을 만들 수 있습니다.

WP에 관계없이 plugin 또는 사용하는 확장 프로그램의 경우에도 WordPress 전자 상거래 웹 사이트의 속도를 높이려면 특정 일반적인 단계를 수행해야 합니다. 하지만 그 전에 웹사이트가 얼마나 느린지 알아야 합니다!

속도 테스트

웹 사이트 속도 및 페이지로드 시간에 대한 적절한 테스트는 독립적 인 환경에서 수행해야합니다. 따라서 여러 위치에서 원격 서버를 사용해야합니다. 이는 브라우저 캐싱과 같은 요소를 배제하고 페이지 크기,로드 시간, 폭포 등의 실제 그림을 제공합니다.

같은 도구 핑덤 and GTmetrix 이와 관련하여 매우 유용합니다. 당신은 당신의 웹 사이트의 URL에서 그것을 실행할 수 있고 개선 할 수있는 영역과 결과를 볼 수 있습니다.

WordPress eCommerce 웹 사이트의 목적을 위해 상점의 기본 페이지에서 속도 테스트를 실행해야합니다. 사용하는 경우 WooCommerce, 상점 페이지 또는 단일 제품 페이지에서 테스트를 실행 해보십시오.

테스트가 완료되면 WordPress 전자 상거래 웹 사이트의 속도를 늦추는 것에 대한 보고서를 제공합니다. 예를 들어 다음 테스트 ( Shopify의 홈페이지)에 따르면 브라우저 캐싱, JS 조합 및 적은 리디렉션으로 인해 페이지로드 시간이 늘어날 수 있습니다.

물론 결과는 웹 사이트마다 다릅니다. 그러나 워드 프레스 전자 상거래 웹 사이트의로드 속도가 느리다는 정확한 아이디어를 얻는 데 도움이됩니다.

이제 워드 프레스 전자 상거래 웹 사이트 속도를 어떻게 높일 수 있을까요?

호스팅 및 CDN

WordPress 전자상거래 웹사이트를 위해 안정적이고 품질이 좋으며 잘 최적화된 웹 호스팅 솔루션을 선택해야 한다는 것은 상식입니다. 불행하게도 오늘날 웹 호스팅 업계는 종종 수준 이하의 서비스를 제공하는 웹 호스트로 가득 차 있습니다.

이는 귀하의 웹 사이트 성능에 부정적인 영향을 미칠 수 있습니다. 배포하는 최적화 방법에 관계없이 WP 전자 상거래 사이트는 느리고 느린 서버로 인해 더 빨리 로드되지 않을 수 있습니다.

고맙게도, 필요한 호스팅 계획 유형과 요구에 맞는 웹 호스팅 제공 업체를 평가하는 데 도움이되는 비교 가이드가 있습니다. 확인 해봐 LINK.

그렇게 말하면서, a의 중요성을 결코 과소 평가하지 마십시오. 콘텐츠 전송 네트워크. 웹 호스팅이 아무리 훌륭하더라도 CDN은 항상 웹 호스팅을 더 좋고 빠르게 만들 수 있습니다. 전자 상거래 상점에 전 세계 또는 여러 국가에 고객이 있는 경우 CDN을 사용해야 합니다.

기본적으로 콘텐츠 전송 네트워크는 지리적으로 다양한 서버 클러스터에서 웹 사이트를 제공하여 웹 사이트 속도를 높입니다. 예를 들어, 웹 사이트가 플로리다에 위치한 서버에서 호스팅되고 있다고 가정합니다. 이제 방콕 사용자가 사이트를 방문하면 페이지를로드하는 데 시간이 더 걸립니다. 이는 지리적 거리, 여러 ISP 등으로 인한 것입니다. 반면에 CDN은 컨텐츠 전송 네트워크를 사용하는 경우 방콕과 가까운 위치에서 웹 사이트 컨텐츠의 사본을 제공합니다 (싱가포르). 당연히 이것은 페이지로드 시간을 늘리고 콘텐츠를 더 빨리 제공합니다.

CloudFlare와 MaxCDN은 WordPress 전자상거래 웹사이트와 통합하는 데 널리 사용되는 두 가지 선택입니다. CloudFlare의 무료 계획을 사용하여 물을 테스트할 수도 있지만 최적의 성능을 위해서는 유료 계획이 좋은 투자입니다.

이미지 최적화

이미지는 모든 전자 상거래 상점의 필수 구성 요소입니다. 페이지로드 시간을 개선하려면 제품 이미지, 썸네일 등을 최적화하는 데 시간을 투자하는 것이 좋습니다.

워드프레스(WordPress) plugins 등 TinyPNG 이미지를 업로드 할 때 이미지를 압축하고 최적화하는 데 유용합니다.

여기서 사용할 수 있는 또 다른 방법은 이미지를 지연 로딩하는 것입니다. 지연 로딩은 사용자가 해당 이미지가 있는 페이지 부분으로 스크롤할 때까지 지정된 이미지 세트가 로드되지 않음을 의미합니다.

광고 ⓘ

이러한 방식으로 브라우저가 모든 이미지를 한 번에 로드할 필요가 없으므로 전체 페이지 로드 시간은 부정적인 영향을 받지 않습니다. WP plugins 등 BJ 게으른로드 즉시 사용할 수 있습니다.

온라인 상점의 미디어 컨텐츠는 대부분 이미지 형식이므로 이미지 최적화 및 지연 로딩은 유익한 결과를 낳을 수 있습니다.

WordPress 캐싱 사용 Plugin

캐싱은 오랫동안 WP 웹 사이트 및 블로그 속도를 높이는 가장 일반적인 솔루션이었습니다. WordPress 전자 상거래 웹 사이트도 이 규칙에서 예외는 아닙니다. 신뢰할 수 있고 평판이 좋은 WordPress 캐싱을 선택하는 것을 고려해야 합니다. plugin. 가치 있는 이름은 다음과 같습니다.

또한 다음을 확인하십시오. plugin 선택한 WordPress 전자 상거래와 호환됩니다. plugin. 사용중인 경우 WooCommerce, 걱정할 것이 없습니다. 대부분의 캐싱 plugins 유지 WooCommerce 염두에 두고 완벽하게 호환됩니다.

기타 모든 전자상거래 WP의 경우 plugins, 당신은 당신의 것을 확인해야 할 수도 있습니다 plugin의 문서.

호환성이란 캐싱이 plugin 캐시해야 하는 항목(및 캐시하지 않아야 하는 항목)을 자동으로 감지해야 합니다. 다음은 예입니다. 어떤 상황에서도 WP 캐싱 plugin 장바구니와 결제 페이지를 캐시해야 합니다.

이러한 페이지는 사용자의 선택에 따라서만 생성되어야 하며, 제공할 수 있는 정적 사본은 없습니다.

마찬가지로 장바구니 위젯(또는 전자상거래 상점의 헤더나 메뉴 표시줄에 자주 배치되는 아이콘)도 캐시할 필요가 없습니다. WordPress 전자상거래 사이트의 경우 CSS 및 HTML 축소를 활성화하고 JavaScript 축소는 피하는 것이 좋습니다.

많은 전자상거래 plugins 쇼핑 카트 위젯을 즉석에서 로딩하기 위해 JS에 의존합니다. JS 축소 또는 캐싱은 여기서 문제를 일으킬 수 있습니다. 사용자가 카트에 제품을 추가하면 성공적으로 추가됩니다.

그러나 페이지에는 여전히 빈 장바구니가 표시됩니다. JS가 캐시되었으므로 전체 페이지를 새로 고치지 않으면 장바구니가 업데이트되지 않습니다.

따라서 JavaScript 파일을 캐시하고 WP 블로그에서 축소 할 수는 있지만 WP 전자 상거래 상점에서는 그렇게하는 것이 좋습니다.

장바구니에서 AJAX 사용

AJAX를 사용하여 장바구니 세부 정보를 렌더링하는 것이 일반적입니다. 대부분의 WP 전자 상거래 plugins를 포함한 WooCommerce, 역시 똑같이하십시오. 작동 방식은 다음과 같습니다.

사용자가 제품을 선택하고 "장바구니에 추가" 버튼을 클릭합니다. 제품이 장바구니에 추가됩니다. 그런 다음, 페이지에서 두 가지 값이 업데이트됩니다. 제품의 장바구니에 추가 버튼은 "장바구니에 추가됨" 또는 "이미 장바구니에 있음"(또는 이와 유사)을 표시하고, 쇼핑 카트 위젯(또는 버튼)은 업데이트된 제품 수를 표시합니다. 나머지 페이지는? 새로 고침되거나 변경되지 않습니다.

이 선택적 새로 고침은 AJAX 호출을 통해 발생합니다. 이제 이 기능의 부정적인 부분은 AJAX 호출에 시간이 걸리고 항상 페이지 로드 시간에 부정적인 영향을 미친다는 것입니다.

따라서 사용자가 호출할 제품을 추가하는지 여부(즉, AJAX를 통해 카트를 업데이트해야 하는지 여부)에도 라이브러리를 로드해야 합니다.

여기서 실제로 성능 향상을 얻고 싶다면 AJAX 호출을 비활성화할 수 있습니다.간단한 사용 plugin 이 같은) 그런 다음 전자 상거래를 plugin 장바구니에 제품을 추가할 때 사용자를 장바구니로 리디렉션합니다. 다음은 다음에서 수행하는 방법입니다. WooCommerce:

설정으로 가서 제품 탭으로 이동하기만 하면 됩니다. "카트로 리디렉션" 옵션을 선택합니다. 그런 다음 선택 사항을 저장합니다(원하는 경우 보관소에서 AJAX를 비활성화할 수도 있습니다).

우리가 그것에 있는 동안 간단하지만 매우 유용한 WordPress plugin 될거야 WooCommerce 스피드 드레인 수리. 단순히 AJAX 메소드 및 기타로드를 중지합니다. WooCommerce 비 기능WooCommerce 페이지 (예 : 블로그 또는 정보 페이지). WordPress 전자 상거래 웹 사이트 매니 폴드의 속도를 높일 수 있습니다.

데이터베이스 최적화

이미지 크레딧 : 루카스 알메이다

느리고 잘못 최적화 된 WordPress 데이터베이스는 웹 사이트를 정지시킬 수 있습니다. WP에서 실행되는 전자 상거래 상점의 경우 특히 그렇습니다. 정상보다 많은 데이터베이스 테이블과 항목이 있습니다. 게시물, 페이지 및 주석에 대한 테이블 및 항목 만 처리 할 필요는 없습니다. 또한 제품, 제품 속성, 주문 등에 대한 항목과 테이블도 있습니다.

인기있는 WP를 선택할 수 있습니다 plugin 등 WP Optimize or WP 스윕. 이러한 plugins 데이터베이스를 스캔하고 불필요한 부분과 오버헤드를 제거할 수 있습니다. 정기적으로 WP 데이터베이스를 정리하면 데이터베이스 쿼리가 더 빨리 수행되므로 페이지 로드 시간이 단축됩니다.