WordPress 웹사이트 최적화 방법
WordPress는 가장 널리 사용되고 쉽게 커스터마이즈할 수 있는 CMS 중 하나입니다. 하지만 기본 설정에서는 꽤 느린 편이며, 특히 방문자가 많거나 콘텐츠가 무겁거나 복잡한 테마를 사용하는 경우 더욱 그렇습니다. 게다가 2010년부터 Google은 페이지 로드 시간을 검색 순위 알고리즘의 요소로 사용하고 있습니다.
다행히도 이 CMS의 유연성 덕분에 다양한 방법으로 속도를 높이고 웹사이트의 로딩 시간을 줄일 수 있습니다. 아래와 같은 온라인 도구를 사용하여 각 단계 후 웹사이트 속도 결과를 확인할 수 있습니다:
이러한 모든 도구는 웹사이트가 어떻게 로드되는지, 어떤 부분이 다른 부분보다 더 오래 걸리는지(즉, 최적화가 필요한 부분)를 파악하는 데 도움을 줍니다. Google Page Speed와 GTmetrix는 웹사이트를 어떻게 최적화할 수 있는지에 대한 유용한 팁을 제공하므로 초보자에게 더 적합하며, Pingdom과 WebPagetest는 좀 더 기술적인 접근 방식을 제공하므로 웹사이트 개발 경험이 더 필요합니다.
아래에서 WordPress 웹사이트를 최적화할 수 있는 몇 가지 방법을 살펴보겠습니다. 웹사이트를 구축할 때 이러한 팁을 따르시길 권장합니다.
참고: 변경 사항을 적용하기 전에 반드시 웹사이트 백업을 생성하세요.
웹사이트 속도 향상 팁
이미지 최적화
검색 엔진은 빠르게 로드되는 사이트를 선호하므로, 최적화된 이미지는 느리고 최적화되지 않은 WordPress 사이트에 비해 검색 결과에서 더 높은 순위를 차지하는 데 도움이 될 수 있습니다. 또한, 사람들은 단순히 빠르게 로드되는 이미지를 선호하며, 시각적 리소스가 로드되기를 기다릴 필요가 없다면 사이트에 더 오래 머무를 가능성이 높습니다.
파일 크기를 줄이고 웹사이트 성능을 향상시키기 위해 여러 가지 기술을 사용할 수 있습니다.
이미지 압축 – 이미지 압축 플러그인이나 이미지 편집 소프트웨어를 사용하여 이미지 파일 크기를 줄일 수 있습니다. 일부 WordPress 플러그인은 이미지를 업로드할 때 자동으로 이미지를 압축해주어 과정을 간편하게 만듭니다.
이미지 크기 조정 – 웹에서 사용하려는 목적에 맞게 이미지의 적절한 크기를 유지하는 것이 중요합니다.
이미지 변환 – 이미지를 WebP나 AVIF와 같은 최적화된 파일 형식으로 변환하는 것도 또 다른 방법입니다. 이러한 형식은 품질 손실 없이 뛰어난 압축률을 제공합니다.
지연 로딩 사용 – 지연 로딩은 사용자가 페이지를 더 아래로 스크롤할 때와 같이 이미지가 필요할 때까지 로딩을 지연시킵니다. 이는 특히 페이지에 동영상 콘텐츠가 있을 때 초기 페이지 로드 시간을 크게 개선할 수 있습니다.
불필요한 메타데이터 제거 – 좀 더 고급 방법으로, 이미지 파일에서 불필요한 메타데이터와 주석을 제거할 수 있습니다. 이는 이미지 편집 소프트웨어나 최적화 플러그인을 사용하여 수행할 수 있습니다.
추가 안내는 이 가이드를 참고하세요.
CDN 사용하기
CDN은 콘텐츠 전송 네트워크(Content Delivery Network)의 약자입니다. 이는 각 서버가 웹사이트 데이터를 복사해 보유하는 서버 네트워크입니다. 방문자가 사이트를 보려고 할 때, 그 위치에서 가장 가까운 서버가 요청을 처리합니다. CDN을 사용하면 웹사이트를 방문하는 고객은 지리적으로 가장 가까운 서버에서 정적 파일을 제공받게 됩니다. CDN은 전 세계에 분산된 서버로 구성되어 있으므로, CDN에 호스팅된 정적 파일은 더 쉽게 접근할 수 있습니다.
EasyWP로 호스팅하는 경우, 무료 Basic Supersonic CDN 서비스가 기본으로 제공됩니다.
렌더링 차단 JavaScript 및 CSS 제거
웹사이트를 Google Page Speed로 확인할 때, 빨간 느낌표와 함께 "렌더링 차단 JavaScript 및 CSS를 상단 콘텐츠에서 제거하세요"라는 알림이 표시될 수 있습니다. 이는 페이지의 상단 콘텐츠가 리소스가 로드될 때까지 렌더링되지 못한다는 의미입니다.
이 문제는 Minify 설정을 W3 Total Cache 플러그인에서 추가로 활성화하여 해결할 수 있습니다. 이를 위해 플러그인의 일반 설정 탭에 접속하여 Minify 모드를 수동으로 설정하세요:
계속 진행하기 전에, JS 압축 설정 필드가 Minify 메뉴에서 다음과 같이 설정되어 있는지 확인하세요:
완료되면, Google PageSpeed에서 제공하는 해당 JavaScript URL을 JS 파일 관리 필드에 추가해야 합니다. 다음과 같이 입력하세요:
동일한 방법으로 CSS 파일 관리 필드에 CSS URL을 입력하세요:
이제 완료되었습니다! "렌더링 차단 JavaScript 및 CSS를 상단 콘텐츠에서 제거하세요"라는 알림은 위의 단계를 순서대로 완료했다면 더 이상 나타나지 않을 것입니다.
데이터베이스를 정기적으로 정리하세요
데이터베이스는 웹사이트의 핵심입니다. 모든 콘텐츠, 웹사이트 설정, 사용자 데이터 등이 데이터베이스에 저장됩니다. 하지만 시간이 지나면서 데이터베이스가 점점 복잡해집니다. 이는 수많은 쓰기-업데이트-삭제 작업이 때때로 잔여 데이터를 남기기 때문입니다. 이러한 잔여 데이터가 너무 많으면 웹사이트가 느려질 수 있습니다.
이 때문에 주기적으로 데이터베이스를 정리하고 최적화해야 합니다. 데이터베이스 최적화에 대해 더 알고 싶다면 여기를 참고하세요.
속도에 최적화된 테마 사용하기
테마는 웹사이트 로드 속도에 중요한 역할을 합니다. 방문자가 많은 블로그를 만들 계획이라면, 가장 가볍고 최적화된 테마를 찾기 위해 조사와 테스트를 하는 것이 좋습니다. WordPress 웹사이트용 테마를 선택할 때 가장 중요한 규칙은 테마가 웹사이트의 콘텐츠와 일치해야 한다는 것입니다. 먼저 웹사이트의 주제와 콘텐츠를 정의한 후, 그에 맞는 테마를 선택해야 합니다.
많은 WordPress 테마는 커스터마이즈가 가능하며, 사용자가 원하는 웹사이트 모양을 만들 수 있도록 다양한 테마 옵션을 제공합니다. 하지만 이러한 옵션이 잘못 코딩되어 있다면, 테마를 다른 것으로 변경할 때 문제가 발생할 수 있습니다. 처음에는 매력적으로 보이는 일부 WordPress 테마가 실제로는 웹사이트 로딩 속도를 느리게 만들 수 있습니다. 아래는 WordPress 웹사이트에 가장 적합한 테마를 선택하는 데 도움이 되는 몇 가지 유용한 팁입니다:
단순할수록 좋습니다.
반응형 디자인의 테마를 선택하세요.
WordPress 버전과 호환되는 평점이 높은 플러그인만 선택하세요
테마에 포함된 페이지 빌더의 존재 여부를 확인하세요.
테마의 SEO 친화성도 고려하세요.
또한 대부분의 테마 개발자는 테마가 어떻게 작동하고 표시되는지 보여주는 샘플 웹사이트를 제공합니다. 가능하다면 Google Page Speed와 GTmetrix와 같은 도구로 이러한 웹사이트를 테스트해 보세요.
필요한 플러그인만 사용하세요
플러그인은 WordPress의 가장 큰 강점 중 하나이지만, 동시에 느린 웹사이트의 흔한 원인이기도 합니다. 기능을 확장하기 위해 많은 플러그인을 설치하고 싶을 수 있지만, 플러그인이 추가될수록 웹사이트 로딩 시간, 서버 사용량, 충돌 가능성이 증가합니다. 시간이 지남에 따라 특히 저가형 호스팅 플랜에서는 성능 저하가 눈에 띄게 나타날 수 있습니다. 이를 방지하려면 설치된 플러그인을 정기적으로 검토하고, 비활성화되었거나 중복되었거나 더 이상 필요하지 않은 플러그인은 제거하세요. 무거운 플러그인 대신 가벼운 대안을 찾고, 비슷한 기능의 플러그인을 여러 개 사용하는 것은 피하세요. 플러그인이 제공하는 이점이 미미하지만 성능 저하가 크다면 정말 필요한지 다시 생각해 보세요. 잘 개발되고 적극적으로 유지 관리되는 필수 플러그인을 선택하면 WordPress 웹사이트를 빠르고 안전하며 안정적으로 유지할 수 있습니다.