방문자는 빠르고 원활한 경험을 사이트 환경을 기대하기 때문에 사이트 속도는 가장 중요한 사이트 요소 중 하나입니다. 이 가이드에서는 사이트 속도에 영향을 미치는 요소, 속도를 측정하는 데 사용할 수 있는 도구, 측정 도구를 통해 알 수 있는 정보, 실제 사이트의 사이트 속도 향상 예를 설명합니다.
이 가이드에서
사이트 속도가 느려지는 가장 일반적인 요인은 다음과 같습니다.
- 고해상도 또는 최적화되지 않은 이미지.
- 설치된 플러그인의 개수 및/또는 품질.
- 느리게 작동하는 서드파티 테마.
- 단일 페이지의 콘텐츠 양(특히 이미지와 미디어 파일).
- 사이트를 방문하는 기기의 인터넷 연결 속도.
워드프레스닷컴에서는 사이트 속도의 기술적인 측면을 직접 관리합니다. 사이트가 전 세계에서 빠르게 로드되도록 백엔드의 여러 캐싱 계층과 최적화로 시스템을 구축했으며 2021년 가장 빠른 호스트로 선정되었습니다. 최적화한 호스팅 환경 외에 다음과 같은 일도 합니다.
- 최적화한 사이트 테마를 제공합니다.
- 방문자가 어디에서나 사이트의 콘텐츠를 빠르게 이용할 수 있도록 콘텐츠 제공 네트워크(CDN)를 사용합니다.
- 사이트의 속도를 최적화하는 도구와 리소스를 제공합니다(아래 설명 참조).
사이트 속도에 영향을 미치는 기본 요인은 서드파티 플러그인과 테마입니다. 무료, 개인 및 프리미엄 사이트에는 이러한 기능을 설치할 수 없으므로 이러한 사이트에서는 일반적으로 속도 문제가 발생하지 않습니다.
플러그인 외에 사이트 속도가 느려지는 가장 큰 요인은 사이트 또는 블로그의 단일 페이지에 추가된 이미지의 크기와 개수입니다. 최고 품질의 이미지를 방문자와 공유하고 싶을 수 있지만, 종종 이미지의 파일 크기가 필요 이상으로 너무 커질 수 있습니다.
이미지 최적화 지원 설명서에 따라 이미지가 웹 보기용으로 최적화되었는지 확인하세요.
이상적으로는 사이트가 최대한 빨리 로드되는 것을 목표로 설정해야 합니다. 즉, 실행하고 잠재 고객에게 제공해야 할 수 있는 기능과 달성할 수 있는 실제 속도의 균형을 유지해야 합니다.
사이트가 웹에 로드되려면 평균 4~5초 정도 걸릴 수 있습니다. 그러나 몇 가지 요인에 따라 사이트의 속도가 달라질 수 있습니다. 다음은 가장 일반적인 예입니다.
플러그인이 너무 많은 사이트는 소수의 활성 플러그인이 있는 사이트보다 로드하는 데 오래 걸릴 수 있습니다. 방문자에게 표시되도록 페이지를 렌더링하는 코드를 사이트에서 더 많이 처리하기 때문에 그렇습니다.
플러그인이 활성화되는 요금제를 이용하는 경우 사이트를 최적화하는 데 도움이 되도록 다음과 같은 몇 가지 옵션을 추가했습니다.
- 페이지 최적화 플러그인: 이 플러그인에는 CSS 및 JavaScript 연결과 중요하지 않은 스크립트 실행 지연에 도움이 되는 옵션이 있습니다. 이러한 옵션은 여기 워드프레스닷컴에서 브라우저를 통해 사이트가 로드되는 속도를 개선하는 데 도움이 될 수 있습니다.
- 젯팩의 CDN: 젯팩에는 서버 로드를 분산하여 대역폭을 절약하는 데 도움이 되는 콘텐츠 제공 네트워크(CDN) 기능이 있습니다. 설정 → 성능 → 성능 및 속도에서 이러한 설정을 찾을 수 있습니다.
사이트 성능에 영향을 주더라도 일부 플러그인이 필요한 경우도 있겠지만, 사이트에 “꼭 필요한” 플러그인을 재평가하는 것이 좋습니다.
경험으로 비춰볼 때 최대한 적은 수의 플러그인을 사용하는 것이 좋습니다. 워드프레스닷컴 사이트에는 다음과 같은 플러그인 카테고리가 필요하지 않습니다.
- 보안 및 SSL
- 백업
- 캐싱
- 사이트 속도 및 최적화
- 데이터베이스 관리
- 스테이징
- 스팸 방지
- 사이트 재설정
이러한 기능은 모두 워드프레스닷컴 요금제를 통해 처리됩니다. 이러한 플러그인을 설치하면 사이트의 기본 제공 사이트 성능 기능과 충돌할 수 있습니다.
여기에서 검토할 수 있는 호환되지 않은 플러그인의 전체 목록이 있습니다.
YouTube, Vimeo, Soundcloud, TripAdvisor, Google 애드센스, Twitter 및 페이스북 등의 서비스에서 비디오 및 위젯을 스트리밍하는 작업도 로드 시간에 영향을 줄 수 있습니다. 사이트/콘텐츠의 이러한 부분이 외부 소스로부터 유입되며 사이트가 모두 로드되기 전에 이러한 서비스가 로드를 마칠 때까지 기다려야 하기 때문입니다.
대기 요소가 존재하는 경우에도 이 시간은 보통 매우 적으며 임베드한 자료의 양이 많은 페이지에서 지연이 더 두드러지게 발생합니다.
이미지 파일이 크면 로드하는 데 더 오래 걸리기 때문에 업로드하기 전에 최적화하지 않은 이미지는 사이트 로드 속도에 부정적인 영향을 줄 수 있습니다.
그러나 이미지를 업로드하기 전에 최적화할 수 있습니다. 이 가이드에는 최대한 빨리 이미지를 로드하는 방법에 관한 자세한 내용이 있습니다.
내가 선택하는 테마를 기반으로 사이트 레이아웃과 디자인이 결정됩니다. 플러그인이 활성화되는 워드프레스닷컴 요금제에서는 빠른 워드프레스닷컴 테마의 쇼케이스뿐만 아니라 창작자의 테마도 업로드할 수 있습니다. 따라서 수많은 테마의 다양한 옵션을 사용할 수 있습니다. 단, 다른 테마가 속도와 상관없이 개발될 수 있다는 점을 고려하세요.
테마를 선택하면 각 테마의 리뷰, 활성 설치 수, 마지막 업데이트 및 호환성이 표시됩니다. 이러한 요소는 테마를 선택할 때 중요한 역할을 합니다.
굉장히 매력적인 디자인의 테마도 추가 기능이 너무 많다면 사이트 속도에 치명적일 수 있습니다. 따라서 테마를 신중히 선택하고 여러 가지 추가 옵션 없이 필요한 기능만 포함된 테마를 고려하는 것이 좋습니다.
서비스를 제공하는 산업도 사이트 성능과 로드에 영향을 미칠 수 있습니다. 자동차, 여행, 소매, 엔터테인먼트 산업의 경우 사이트의 크기가 더 크고 로드할 리소스(미디어, 스타일, 스크립트)가 가장 많아서 로드하는 데 시간이 더 오래 걸립니다.
웹에서 다음과 같은 몇 가지 다른 사이트 속도 측정 도구를 이용할 수 있습니다.
자동화된 사이트 성능 도구를 활용하여 일반적인 권장 사항을 받아볼 수 있습니다. 일부 모범 사례 및 사이트 속도 향상 기회 식별에도 도움이 됩니다.
그러나 종종 워드프레스닷컴과 같은 특정 소프트웨어 플랫폼 또는 사이트 모양을 유지하고 원활하게 실행하는 데 필요한 도구를 고려하지 않습니다.
예를 들어, Google PageSpeed Insights는 가끔 렌더링 차단 Javascript 및 CSS를 삭제할 것을 권장하기도 합니다. 그러나 그렇게 하면 속도에는 최소한의 영향을 미치지만 사이트가 올바르게 표시되고 작동하는 데 문제가 발생합니다.
예를 들면, 자체 PageSpeed Insights 도구를 사용하는 Google의 자체 사이트 중 하나도 점수가 아주 낮습니다.
https://developers.google.com/speed/pagespeed/insights/?url=fonts.google.com
사이트가 “나쁘다”는 의미는 아닙니다. 자동화된 성능 테스트 도구의 엄격한 규칙 확인과 부합하지 않을 뿐입니다.
GTmetrix로 사이트 속도를 측정하려면 https://gtmetrix.com/을 방문하여 상자에 사이트 URL을 입력하고 분석을 클릭하세요.
시스템에서 분석이 완료되면 사이트의 PageSpeed 및 YSlow 점수를 확인할 수 있습니다.
페이지 상세 정보 상자의 전체 로드 시간에 사이트를 완전히 로드하는 데 필요한 시간이 초 단위로 표시됩니다. 예를 들어, 사이트가 1~3초 사이에 모두 로드된다면 빠르다고 간주할 수 있습니다.
GTmetrix에서 사용하는 PageSpeed 및 YSlow 도구에 대한 자세한 내용은 공식 설명서에서 알아볼 수 있습니다.
💡
기본 제공 사용자 정의 플러그인과 기본 테마가 활성화되어 있는 워드프레스닷컴 기반 사이트는 약 1초 뒤에 로드됩니다. 2021년에 가장 빠른 워드프레스 호스트였습니다.
총 페이지 크기는 페이지의 전체 크기를 나타내며 여기에는 모든 이미지, 비디오, 스크립트 및 기타 파일이 포함됩니다. 페이지 크기가 작을수록 사이트가 더 빨리 로드됩니다.
페이지의 요청 횟수에 대해서도 같은 원리가 적용됩니다. 요청 수는 사이트가 완전히 표시되는 데 로드되는 서로 다른 파일의 개수를 의미합니다. 숫자가 작을수록 로드되는 파일 수가 적어서 더 빠르게 로드됩니다.
⚠️
HTTP 페이지 요청의 대부분은 서로 다른 플러그인으로부터 옵니다. 각 플러그인으로 인해 사이트의 크기가 조금씩 늘어납니다. 항상 사용하지 않는 플러그인을 삭제하세요.
위의 지표는 모두 사이트의 개요를 설명하지만, 로드하는 데 가장 시간이 오래 걸리는 항목과 최적화할 수 있는 항목을 확인하는 데 가장 중요한 세부 정보를 표시하지 않습니다. 해당 정보를 확인하려면 GTmetrix의 Waterfall 탭을 클릭하세요.
Waterfall 탭을 통해 파일이 로드되는 위치, 파일 크기, 파일 로드 시간을 확인할 수 있습니다. 예를 들어, 모든 열 헤딩요소를 클릭하여 로드한 아이템을 시간 또는 크기별로 정렬할 수 있습니다.
사이트가 느려지는 원인을 파악할 때 이 탭을 주로 사용합니다. 일부 파일이 사이트가 느려지고 꼭 필요하지 않은 사용자 정의 플러그인에서 제공되는 경우 플러그인을 비활성화하는 것이 좋습니다. 그런 다음에 속도 테스트를 다시 실행하여 사이트 성능에 도움이 되었는지 확인하세요.
지금까지 설명한 간단한 개요를 통해 사이트를 더 효과적으로 사용하기 위한 최적화 작업에 필요한 몇 가지 팁, 요령 및 도구를 알아보는 유용한 시간이었기를 바랍니다. 궁금한 점이 있다면 언제든지 여기에서 저희에게 문의하세요.