개발자 없이 Magento Store Google PageSpeed Insights 점수를 빠르게 향상시키는 방법

게시 됨: 2019-11-07

최종 업데이트 - 2021년 7월 8일

높은 Google PageSpeed Insights 점수는 Magento 매장의 품질 표시가 되었습니다. Google과 주요 Magento 최적화 팀 모두 성능 최적화를 측정하는 좋은 도구가 아니라는 점을 강조하지만 온라인 소매업체는 여전히 속도와 안정성 면에서 매장의 실적을 모니터링하기 위해 이 도구에 의존합니다.

그렇기 때문에 개발자 전문 지식이 전혀 없는 경우에도 Google PageSpeed 점수를 빠르게 수정하는 방법에 대한 간단한 가이드를 만들었습니다. 모든 수정 사항은 구현하기 쉽고 최소한의 노력으로 많은 효과를 얻을 수 있으며 하루 안에 구현할 수 있습니다.

수정 #1. 좋은 CDN 얻기

콘텐츠 전송 네트워크는 Magento 매장의 만병통치약은 아니지만 가능한 한 가깝습니다. 더 빠른 자산 전달 및 감소된 지연 시간의 명백한 이점 외에도 CDN은 Magento 스토어를 더 빠르게 만들 수 있는 일련의 기능을 제공합니다.

미디어 최적화 (CDN은 품질 저하 없이 전체 이미지 크기를 줄이는 방법을 알고 있음),
CSS, JS 및 HTML 파일과 같은 정적 자산의 축소 및 압축 (더 작은 자산을 생성하면 느린 네트워크에서도 더 빠르게 제공하는 데 확실히 도움이 됩니다),
지원하는 브라우저 에서 최신 WebP 형식으로 이전 JPEG 파일을 교체 합니다(이미지 로드 속도가 빨라지고 공간을 덜 차지함).
이미지를 프로그레시브 형식으로 변환 (프로그레시브 이미지는 기존 이미지와 다른 방식으로 로드되어 기술적으로 스토어가 동일한 속도로 로드되더라도 사용자에게 더 높은 성능을 제공함),
중요한 자산 전달 속도를 높이기 위해 자산 로드 를 연기 합니다(Magento는 주로 JavaScript의 구문 분석을 연기 해야 함).
HTTP/2 및 QUIC 프로토콜의 우선 순위를 지정하여 파일을 더 빠르게 로드하고 동기화되지 않음
캐시 수명 을 최적의 값으로 미세 조정 하고,
다른 사용자에게 다른 이미지 버전 을 제공합니다(예: 브라우저에 더 작은 크기의 이미지가 필요한 경우 다중 버전 관리가 유용함).

CDN을 설치하고 구성하는 데 많은 기술 전문 지식이 필요하지 않습니다. 대부분의 경우 큰 어려움 없이 작업을 처리할 수 있습니다. CDN은 Magento 프론트엔드 성능을 위한 최고의 솔루션 중 하나입니다. 그것의 통합은 그것이 제공하는 엄청난 양의 유용한 수정으로 인해 Google PageSpeed 점수를 크게 향상시킬 수 있습니다.

CDN이 우리 도구 상자에서 최고의 도구이지만 스토어 속도를 높이고 PageSpeed 점수를 훨씬 더 높일 수 있는 두 가지 옵션을 더 보여드리고자 합니다.

수정 #2. 유능한 Magento 호스팅 선택

Magento는 서버의 모든 성능을 최대한 끌어낼 수 있도록 집중 지원 팀을 필요로 하는 까다롭고 리소스 집약적인 플랫폼입니다.

불행히도, 대부분의 경우 Magento 매장 소유자는 좋은 호스팅 제공업체를 가치 있는 투자로 보지 않습니다. 매장 요구 사항을 유능한 서버 환경과 일치시키는 대신 공유 호스팅 솔루션 또는 베어본 가상 사설 서버의 제한적인 경계에 마젠토를 최적화하는 방법을 찾고 있습니다.

그렇기 때문에 Magento 호스팅 환경을 신중하게 선택하고 공급자의 기술 지원 팀을 더욱 신중하게 선택하는 것이 중요합니다. 이들은 환경을 구성하고 발생할 수 있는 잠재적인 기술 문제를 처리하는 데 도움을 줄 사람들입니다.

좋은 호스트와 강력한 서버는 Google PageSpeed 점수를 눈에 띄게 향상시킵니다. 서버가 강력할수록 CPU 병목 현상과 관련된 문제를 더 많이 완화할 수 있으며 CPU는 Magento 웹 스토어에서 가장 흔한 좁은 지점입니다. 따라서 더 강력한 서버가 필요한지 의심하지 마십시오. 업그레이드해야 할 가능성이 높습니다.

여기에서 권장하는 사항: 조사를 하십시오. 리뷰를 읽고, 주변에 물어보고, 커뮤니티 전문가와 이야기하고, 다양한 제공업체의 제안을 비교하고, 이러한 호스트에게 특정 질문을 하십시오.

수정 #3. Magento 관리자 설정 최적화

Magento Admin 섹션은 종종 간과되지만 Magento 최적화의 효과적인 벡터입니다. Magento Admin Panel 최적화의 장점 중 하나는 매우 기술적인 작업을 수행할 필요가 없다는 것입니다. Magento 내에서 특정 설정을 변경하는 방법에 대한 간단한 지침을 따르십시오.

플랫 카탈로그를 활성화합니다. 이것은 상점에 수천 개의 고유한 제품이 있을 때 효과적인 수정입니다. 플랫 카탈로그 및 제품은 Magento가 매장에 제품 속성을 저장하는 방식을 변경합니다. 별도의 데이터베이스 테이블에 보관하는 대신 서버가 이전보다 훨씬 빠르게 속성 값을 가져오는 데 도움이 되는 평면 구조를 구축합니다. 상점 > 설정 > 구성 > 카탈로그 > 상점 첫화면 으로 이동하여 이 두 옵션을 예로 변경 하십시오 .

JS 설정을 변경합니다. 어떤 이유로 기본 Magento JS 설정이 최적이 아닙니다. 하지만 Magento 성능을 중시한다면 Store > Settings > Configuration > Advanced > Developer > JavaScript Settings 로 이동 하여 아래와 같이 변경하는 것을 권장합니다.

CSS 설정을 변경합니다. 최적화되지 않은 CSS는 성능에 심각한 영향을 미칠 수 있으므로 이 영향을 가능한 한 낮게 만드는 것이 좋습니다. Stores > Configuration > Advanced > Developer 로 이동 하여 YES Minify and Merge CSS 설정으로 변경합니다.

HTML 설정을 변경합니다. HTML 설정은 Stores > Configuration > Advanced > Developer > Template Settings 에 있습니다. HTML 축소를 켜서 데이터를 저장하고 웹 페이지 로딩 속도를 높입니다. 축소된 코드는 가독성이 떨어지지만 훨씬 더 간결하여 전달 성능에 대해 걱정할 때 좋은 기능입니다.

보너스 수정. Elasticsearch를 활성화하십시오!

매장 내 검색은 Google PageSpeed Insights 점수에 실제로 영향을 미치지 않지만 그럼에도 불구하고 구현해야 하는 것입니다. Elasticsearch는 엄청난 사용자 경험 개선이며 고객에게 엄청난 삶의 질 이점을 제공합니다.

문제는 매장 내 검색이 느리거나 정확하지 않은 경우 전체 쇼핑 경험에서 가장 실망스러운 요소 중 하나라는 것입니다. 급한 사용자의 경우 검색 품질이 완료된 구매와 잃어버린 고객의 차이일 수 있습니다.

Elasticsearch는 손쉬운 수평 확장, 빠른 결과, 스마트 검색 기능, 동의어 및 불용어 사용, 다국어 지원을 제공합니다.

상점 > 설정 > 구성 > 카탈로그 > 카탈로그 > 카탈로그 검색 으로 이동 하여 Elasticsearch를 활성화하십시오. 설정 프로세스는 이전의 3가지 수정 사항보다 더 복잡하지만 가치가 있는 충분한 이점을 제공합니다. 원하는 버전의 Elasticsearch를 활성화하면 이 가이드 에 따라 이 새로운 검색 엔진을 완전히 설치해야 합니다.

참고: Magento에 중점을 둔 호스팅 제공업체는 Elasticsearch에 대해 잘 알고 있을 것이며 귀하가 사용할 준비가 된 Elasticsearch 통합 솔루션을 제공하는 경우가 많습니다. 모든 것이 어떻게 결합되는지 볼까요? 훌륭한 Magento 호스팅 제공업체는 여러 측면에서 귀하의 삶을 훨씬 더 쉽게 만들어 줄 것입니다.

완벽한 점수 얻기. 필요하신가요?

Google PageSpeed 점수는 여기에 나열하기조차 어려울 정도로 다양한 방식으로 매장의 속도를 평가하는 수십 개의 개별 감사를 기반으로 합니다. 사용자 경험과 사용자 참여도를 먼저 고려하지 않고 혼자 쫓는다면 점수는 의미가 없다는 점을 이해해야 합니다. 이것이 당신이 높이고자 하는 실제 지표입니다.

고객이 탐색하는 방식, Checkout, 장바구니 또는 제품 그리드에서 행동하는 방식. 전환이 증가하거나 감소하는 위치와 개선 방법을 확인하십시오. 결국 실제 사람들이 실제 판매를 가져옵니다. 로봇은 상점에서 그다지 중요하지 않습니다.