WordPress 전자 상거래 웹 사이트 속도를 높이는 방법?

워드 프레스는 세계에서 가장 인기있는 콘텐츠 관리 시스템입니다. 요즘에는 더 이상 블로그 도구로 사용되지 않습니다. 대신 전자 상거래를 포함한 다양한 웹 사이트를 강화할 수 있습니다. 실제로 WordPress로 구축 된 전자 상거래 웹 사이트의 수가 증가하고 있습니다. WordPress 전자 상거래 웹 사이트를 운영하고 있다면 어떻게 더 빠르게 할 수 있습니까?

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

워드 프레스 전자 상거래 웹 사이트 최적화 : 시작하기

이미지 크레딧 : 펠리페 도밍 게스

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

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

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

속도 테스트

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

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

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

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

워드 프레스 전자 상거래 웹 사이트 속도 향상

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

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

호스팅 및 CDN

WordPress eCommerce 웹 사이트에 대해 신뢰할 수 있고 양질의 최적화 된 웹 호스팅 솔루션을 선택해야한다는 것은 일반적인 지식입니다. 불행하게도 오늘날 웹 호스팅 산업은 종종 웹 서비스를 제공하지 않는 웹 호스트로 가득 차 있습니다. 이는 웹 사이트의 성능에 부정적인 영향을 줄 수 있습니다. 배포하는 최적화 방법에 관계없이 WP 전자 상거래 사이트는 느리고 느린 서버로 인해 더 빨리로드되지 않을 수 있습니다.

고맙게도, 필요한 호스팅 계획 유형과 요구에 맞는 웹 호스팅 제공 업체를 평가하는 데 도움이되는 비교 가이드가 있습니다. 확인 해봐 여기를 눌러 더 많은 정보를 찾으세요..

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

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

CloudFlare 과 MaxCDN WordPress 전자 상거래 웹 사이트와 통합하기위한 두 가지 인기있는 선택입니다. 최적의 성능을 위해서는 유료 요금제가 좋은 투자이지만 CloudFlare의 무료 요금제를 사용하여 용수를 테스트 할 수도 있습니다.

이미지 최적화

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

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

광고 ⓘ

여기에서 사용할 수 있는 또 다른 방법은 이미지를 지연 로드하는 것입니다. 지연 로딩은 사용자가 페이지에서 해당 이미지가 있는 부분으로 스크롤할 때까지 주어진 이미지 세트가 로드되지 않음을 의미합니다. 이러한 방식으로 브라우저가 모든 이미지를 한 번에 로드할 필요가 없기 때문에 전체 페이지 로드 시간에 부정적인 영향을 미치지 않습니다. WP plugin와 같은 BJ 게으른로드 즉시 사용할 수 있습니다.

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

WordPress 캐싱 사용 Plugin

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

또한 다음을 확인하십시오. plugin 선택한 WordPress 전자 상거래와 호환됩니다. plugin. 사용중인 경우 WooCommerce, 걱정할 것이 없습니다. 대부분의 캐싱 plugin유지 WooCommerce 염두에두고 동일한 것과 완전히 호환됩니다. 기타 모든 전자상거래 WP의 경우 plugins, 당신은 당신의 plugin의 문서.

호환성이란 캐싱이 plugin 캐시해야 하는 항목(및 캐시하지 않아야 하는 항목)을 자동으로 감지해야 합니다. 다음은 예입니다. 어떤 상황에서도 WP 캐싱 plugin 장바구니를 캐시해야 하며 Checkout page에스. 이러한 페이지는 사용자의 선택에 따라 생성되어야 합니다. 제공할 수 있는 정적 사본은 없습니다.

마찬가지로 장바구니 위젯(또는 전자 상거래 상점의 헤더 또는 메뉴 표시줄에 자주 배치되는 아이콘)은 캐시할 필요가 없습니다. WordPress 전자 상거래 사이트의 경우 CSS 및 HTML 축소를 활성화하되 JavaScript 축소는 피하는 것이 좋습니다. 많은 전자 상거래 plugin즉석에서 장바구니 위젯을 로드하기 위해 JS에 의존합니다. JS 축소 또는 캐싱은 여기에서 문제를 일으킬 수 있습니다. 사용자가 장바구니에 제품을 추가할 수 있으며 성공적으로 추가됩니다. 그러나 페이지에는 여전히 빈 장바구니가 표시됩니다. JS가 캐시되어 전체 페이지를 새로 고치지 않는 한 장바구니를 업데이트하지 못했습니다.

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

장바구니에서 AJAX 사용

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

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

이 선택적 새로 고침은 AJAX 호출을 통해 이루어집니다. 이제이 기능의 부정적인 부분은 AJAX 호출에 시간이 걸리고 항상 페이지로드 시간에 악영향을 미친다는 것입니다. 따라서 사용자가 호출 할 제품을 추가하는지 (즉, AJAX를 통해 카트를 업데이트해야하는지 여부) 라이브러리를 계속로드해야합니다.

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

워드 프레스 전자 상거래 웹 사이트 속도 향상

설정으로 이동한 다음 제품 탭으로 이동하세요. "장바구니로 리디렉션" 옵션을 선택합니다. 그런 다음 선택 사항을 저장합니다(다음과 같은 경우 아카이브에서 AJAX를 비활성화할 수도 있습니다. wish 에).

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

데이터베이스 최적화

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

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

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