2020년 웹사이트 속도 최적화

SEO에서 전환, 사용자 경험 및 그 이상에 이르기까지 페이지 속도는 웹사이트의 성공과 직접적인 상관관계가 있습니다. 웹사이트 속도 최적화 계획을 통해 신중하게 생각하는 데 시간과 리소스를 투자하는 것은 그만한 가치가 있습니다. 올바르게 수행하면 취하는 조치가 도달 범위를 확장하고 클릭률을 높이고 궁극적으로 수익으로 이어질 수 있기 때문입니다.

페이지 속도는 Google이 공식적으로 검색 순위 계산에 참여할 것이라고 발표 한 2010년에 처음으로 부각되었습니다 . SEO 전문가는 페이지 순위를 유지하고 개선하기 위해 페이지 요소를 빠르게 최적화하기 시작했습니다. 뒤처지지 않은 자들입니다.

그 이전에는 전환이라는 한 가지 특별한 이유 때문에 속도가 중요했습니다. 오늘날 많은 사용자는 페이지가 2초 이내에 로드되기를 기대하며 로드 시간이 너무 오래 걸리면 방문을 포기합니다. 페이지 응답이 1초 지연되면 전환이 7% 감소할 수 있습니다 .

누구나 할 수 있는 웹사이트 최적화에 대해 알아보겠습니다. 사이트 소유자가 사용할 수 있는 도구, 기술 및 기술을 탐색하고 속도 향상을 구현하기 위한 실행 가능한 전략을 제공합니다. 이렇게 하면 원하는 사용자 경험을 만들고 원하는 사이트 성장을 달성할 수 있습니다.

이미지 최적화

너무 자주 웹 디자이너는 고해상도의 이미지 파일을 만들고 업로드합니다. 고해상도 이미지는 더 큰 파일 크기를 의미합니다. 더 큰 파일 크기는 더 긴 로딩 시간을 의미합니다.

페이지 응답이 1초 지연되면 전환이 7% 감소할 수 있습니다.

가장 빠르고 쉬운 웹사이트 속도 최적화 기술 중 하나는 이미지 압축입니다. 최적화 프로세스 중에 두 가지 핵심 속성을 고려하는 것이 중요합니다.

• 크기
• 품질

이미지가 지나치게 최적화되면 품질이 저하됩니다. ConversionXL 에 따르면 사용자는 사이트의 기본 이미지를 보는 데 평균 5.94초를 보냅니다 . 해당 이미지가 고품질이 아닌 경우 해당 사용자는 즉시 다른 곳을 찾습니다. 품질이 좋지 않은 이미지와 디자인은 처음부터 로드되지 않는 것만큼 이탈률 측면에서 문제가 될 수 있습니다.

이미지 최적화는 관리형 호스팅으로 간단합니다 . 모든 WordPress 및 WooCommerce 계획에는 새 자산을 업로드할 때마다 자동으로 시작되는 이미지 최적화 플러그인이 함께 제공됩니다. 이렇게 하면 시간을 최적화하고 이미지를 최적화하는 최선의 방법에 집중할 필요 없이 원하는 작업을 수행할 수 있습니다.

이미지 파일을 수동으로 관리하려면:

• PNG 파일은 품질 손실 없이 이미지를 최대한 압축하도록 설계되어 그래픽 및 일러스트레이션에 적합합니다.
• JPEG 파일은 사진에 가장 적합합니다. JPEG 압축은 복잡한 이미지에서 잘 작동합니다. 적절한 품질을 유지하는지 확인하십시오.
• 이미지에 필요한 공간을 미리 측정하십시오. 100×100 픽셀 공간에 앉으려면 제작할 때 해당 크기의 캔버스를 사용하세요.
• 가능하면 SVG는 코드이기 때문에 파일 크기를 최소화하고 품질을 유지하는 데 효과적입니다.

웹 디자인 단순화

웹 사이트 속도 최적화와 관련하여 거의 항상 더 적은 것이 더 많습니다. 필요하지 않은 기능을 추가하는 대신 기능이 사용자에게 사이트를 제공하는 데 어떤 영향을 미칠지 고려하십시오.

즉, 단순한 웹 사이트 디자인이 기능이 없다는 것을 의미하지는 않습니다. 그보다는 사용자가 어디로 가고 싶은지, 그리고 어떻게 하면 그 지점까지의 여정을 최대한 간단하고 관련성 있게 만들 수 있는지 고려하는 것을 의미합니다.

시각적으로 복잡한 사이트는 단순한 사이트보다 덜 아름다운 것으로 판단됩니다.

웹 사이트 디자인이 복잡하지 않은 경우에도 좋습니다. 지난 몇 년 동안 UX 디자인의 현장을 만든 Google에서 수행한 초기 UX 연구 에서 사용자는 웹사이트의 미학을 1/50~1/20초 이내에 판단하는 경향이 있는 것으로 나타났습니다. 시각적으로 복잡한 사이트는 거의 항상 단순한 사이트보다 덜 아름다운 것으로 판단되었습니다.

우리는 기본적으로 간단한 웹사이트를 만드는 것이 쉬워야 한다고 믿습니다. 이를 위해 모든 WordPress 및 WooCommerce 관리 호스팅 계획과 함께 Beaver Builder 플러그인을 번들로 제공합니다. Beaver Builder는 사이트 소유자가 필요로 하는 사용자 지정 옵션과 함께 간단하고 사용하기 쉬운 끌어서 놓기 페이지 빌더로 사이트 디자이너를 돕습니다.

웹사이트 디자인을 단순화할 때 다음 사항에 주의하십시오.

• 웹사이트의 목표는 무엇입니까? 사용자가 어디에 도착하기를 원하십니까? 사이트를 단순화할 뿐만 아니라 사용자 경험을 최적화하기 위해 A 지점에서 B 지점으로 이동하는 방법을 고려하는 것이 중요합니다.
• 올해 초 우리 는 기업 매장의 85%가 영웅 이미지를 사용하지 않는다는 것을 발견했습니다 . 이것은 웹 사이트 속도 최적화 전략의 핵심 구성 요소입니다. 영웅 이미지가 얼마나 중요합니까? 그들은 더 간단할 수 있습니까?
• Javascript 코드는 종종 현대 웹사이트의 배후에서 작동합니다. 사이트의 JavaScript 코드가 관련성이 있고 필요한가요?

캐싱 활성화

캐싱은 사이트 속도의 핵심입니다. 웹사이트 소유자가 자동으로 더 많은 사용자에게 더 빠른 속도로 콘텐츠를 제공할 수 있도록 도와줍니다. 방문자가 사이트를 처음 방문할 때 방문자의 컴퓨터에 페이지 요소를 저장하는 방식으로 작동합니다. 이후 방문하는 동안 서버에서 다시 다운로드할 필요 없이 사용자는 컴퓨터에 저장된 복사본을 사용할 수 있습니다.

그러나 캐싱이 할 수 있는 것과 할 수 없는 것에는 제한이 있습니다. 기존 캐싱은 정적 요소에만 영향을 줍니다. 여기에는 이미지와 일부 유형의 코드가 포함됩니다. 장바구니와 같은 동적 요소에는 도움이 되지 않습니다.

전자 상거래 상점에 사용할 수 있는 동적 캐싱 옵션이 있지만 보다 심층적인 사용자 지정 및 설정이 필요한 경향이 있습니다.

Nexcess 솔루션은 기본적으로 활성화되고 최적화된 캐싱 옵션과 함께 제공됩니다. Nexcess Cloud Accelerator 를 사용하면 클라이언트 포털에서 한 번의 클릭으로 고급 Nginx 캐싱 시스템을 활성화하여 웹사이트 속도를 크게 향상시킬 수 있습니다.

웹사이트를 위한 캐싱 도구를 고려할 때 다음 요소에 대해 생각해 보십시오.

• 어떤 캐싱 도구를 사용할 수 있으며 어떤 것이 귀하의 사이트에 적합합니까? 확실하지 않은 경우 호스팅 제공업체에 문의하세요. 당사의 기술 전문가는 귀하가 올바른 결정을 내리는 데 도움이 되는 옵션을 기꺼이 설명합니다.
• 동적 자산도 캐싱해야 합니까? 이것은 종종 전자 상거래 상점에 좋은 아이디어입니다. 바니시는 Magento 매장에 적합한 옵션입니다.
• 캐싱만큼 중요한 것은 사이트를 지원하는 PHP 작업자의 수입니다(전자 상거래 상점에서는 더 중요합니다). 솔루션이 얼마나 많이 제공되는지 확인하고 업그레이드가 필요한지 확인하십시오.

다양한 통합 옵션 살펴보기

통합 및 기능 추가 기능은 페이지 요소만큼 사이트 속도에 해로울 수 있습니다. 잘 실행된 최적화 전략은 통합이 활용되는 효과와 적절하게 구현되었는지 여부를 고려합니다.

통합에는 플러그인, 확장 또는 추가 기능이 포함될 수 있으며 사이트와 동일한 서버에 있거나 외부 컨테이너에 존재할 수 있습니다. 위치에 관계없이 다음 두 가지를 고려하는 것이 중요합니다.

• 통합의 리소스 요구 사항은 무엇입니까?
• 통합은 사용자 경험에 어떤 영향을 미칩니까?

Nexcess 솔루션에는 통합 최적화를 위한 두 가지 옵션이 있습니다. 첫 번째는 컨테이너 추가 기능 입니다. 이들은 핵심 호스팅 계정 외부에서 실행되도록 설계되어 사이트 방문자와 웹사이트 속도를 위한 리소스를 절약합니다.

통합을 효과적으로 사용하면 필요한 리소스를 희생하지 않고도 견고한 기능을 제공할 수 있습니다.

두 번째는 사이트 속도에 최적화된 플러그인 패키지인 WordPress 및 WooCommerce 솔루션에만 해당됩니다. Glew.io(서버 외부에서 실행되는 분석)에서 자동 이미지 최적화에 이르기까지 각 플러그인은 사이트 속도와 사용자 경험을 향상시키는 기능을 기반으로 선택되었습니다.

사이트에 추가할 통합을 선택할 때 다음을 고려하십시오.

• 리소스 요구 사항은 무엇입니까? 분석 소프트웨어는 특히 리소스가 많을 수 있습니다.
• RabbitMQ와 같은 스케줄링 도구. 이는 사용량이 적은 시간에 실행되도록 예약하여 리소스가 많은 통합으로 인한 부담을 줄이는 데 도움이 될 수 있습니다.
• 기본 호스팅 계정 외부에서 실행되는 컨테이너 기반 통합. Nexcess에서 제공 하는 다양한 컨테이너 옵션을 살펴보세요 .

CDN 사용

해외 사이트를 방문하여 크롤링되는 홈페이지를 접한 적이 있습니까? 사이트가 세계 어딘가에서 귀하에게 콘텐츠를 제공하고 있을 가능성이 있습니다. 로드 시간이 길어지는 이유는 사용자에게 도달하는 데 걸리는 시간입니다.

답은 CDN(콘텐츠 전송 네트워크)을 구현하는 것입니다. CDN은 이미지와 같은 정적 요소를 전 세계 위치에 캐시하므로 사이트 방문자가 가장 가까운 위치에서 다운로드할 수 있습니다. 이것은 속도를 크게 증가시킬 수 있습니다.

CDN을 사용하면 전 세계에 있는 사이트 방문자에게 자산을 현지화하여 전달할 수 있습니다.

Nexcess는 모든 호스팅 솔루션과 함께 CDN 서비스를 제공합니다. 기본 요금제에 따라 추가 비용이 발생할 수 있습니다. 어떤 계획이 귀하의 사이트에 적합한지 확실하지 않은 경우 Nexcess 팀원에게 문의하십시오.

CDN을 선택할 때 다음 사항에 주의하십시오.

• 얼마나 많은 위치를 제공합니까? 타겟 고객과 가까운 위치입니까?
• CDN의 대역폭은 얼마입니까? 무엇이 필요한지 확실하지 않은 경우 비즈니스에 가장 적합한 것이 무엇인지 결정하는 데 도움을 줄 수 있는 당사 전문가와 상담하십시오.
• CDN에 SSL이 포함되어 있습니까? SSL 인증서는 사이트가 안전한지 확인하는 데 도움이 됩니다.

웹사이트 속도 최적화 우선순위 지정

효과적인 웹사이트 속도 최적화 전략을 목표로 합니다. 최적화는 종종 핵심 목표를 염두에 두고 수행됩니다. 이를 위해 사이트 경험에 가장 중요한 페이지를 생각하고 최우선 순위에 초점을 맞추십시오.

대부분의 경우 홈페이지가 중요합니다. 그들은 종종 방문자의 출발점 역할을 합니다. 방문자가 효율적으로 로드되도록 하면 방문자가 사이트에 처음 도착했을 때 참여를 유도하고 이탈률을 크게 줄일 수 있습니다.

전자 상거래 상점을 운영하는 경우 제품 페이지도 중요합니다. 이들은 전환을 위한 견고한 퍼널 터치포인트 역할을 합니다. 느리게 로드되는 경우 예상보다 높은 이탈률을 보게 될 것입니다.

최적화는 사이트 전체에 영향을 미칩니다. 그러나 핵심 페이지에 초점을 맞추면 특정 가치가 높은 사용자 경험을 빠르고 효과적으로 개선하는 데 도움이 됩니다.

웹사이트 속도 최적화는 올바른 사용자 경험을 제공하는 핵심입니다. 사이트를 최적화하는 방법에는 여러 가지가 있으며 각 방법은 핵심 목표에 맞게 조정할 수 있습니다. 각각을 통해 작업하고 사이트 속도를 테스트하는 것이 최상의 결과를 확보하는 열쇠입니다.

기본적으로 최적화를 제공하는 관리형 호스팅 솔루션으로 시작하세요. 더 알아보기.