웹사이트를 성공적으로 운영하려면 최적화와 보안이 반드시 뒷받침되어야 합니다. 페이지 로딩 속도가 빠른 것도 중요하지만, 성능은 단순한 속도를 넘어 방문자가 사이트를 얼마나 쾌적하게 이용할 수 있는지, 즉 사용자 경험의 극대화까지 포함하는 개념입니다.
최적화된 워드프레스 사이트는 목표 달성에 필요한 여러 요소에 긍정적인 영향을 미칩니다.
- 전환율(Conversion) – 전환율이 높아지면 고객 수와 매출이 함께 늘어납니다. HubSpot의 조사에 따르면 페이지 로딩이 단 1초만 지연되어도 전환율이 약 7% 감소한다고 합니다.
- 검색 노출(Visibility) – 구글은 이제 페이지 로딩 속도를 검색 순위 반영 요소로 삼고 있습니다. 따라서 워드프레스 사이트를 최적화하면 검색 엔진 노출에 직접적인 영향을 받습니다.
- 사용성(Usability) – 사이트를 더 쉽게 볼 수 있고 편리하게 사용하도록 만들면 이탈률이 낮아지고 사용자 경험이 개선되어 매출 증가로 이어집니다.
워드프레스 사이트 성능 측정 도구
워드프레스 사이트를 최적화하기 전에 먼저 성능을 측정할 수 있는 도구가 필요합니다. 이렇게 확보한 기준점을 바탕으로 페이지 로딩 속도와 검색 엔진 노출을 단계적으로 개선해 나갈 수 있습니다.
권장되는 웹페이지 로딩 시간은 3초 미만입니다. 하지만 구글 조사 결과에 따르면 모바일 페이지 중에서 이 권장 속도를 달성하는 경우는 드물다고 합니다. 아래 두 가지 도구를 활용하면 사이트 성능을 측정하고 추적할 수 있습니다.
1. WebPageTest
WebPageTest는 웹사이트 속도를 테스트하고 추적하는 도구 중 가장 기능이 풍부한 서비스입니다. 사용법은 간단하면서도, 문제가 되는 세부 영역까지 파고들 수 있는 다양한 고급 기능을 갖추고 있습니다.
사용 방법은 간단합니다. 자신의 웹사이트 URL을 입력하기만 하면 됩니다. 기본 설정 그대로 진행해도 되고, 필요에 따라 기기(데스크톱 또는 모바일), 위치, 브라우저 등 추가 옵션을 지정할 수도 있습니다. 고급 옵션에서는 테스트 실행 횟수를 정하거나, 느린 3G 연결 환경을 시뮬레이션하거나, JavaScript를 비활성화한 상태로 테스트하는 것도 가능합니다.
테스트 결과를 통해 사이트 성능에 관한 다음과 같은 정보를 확인할 수 있습니다.
- First Byte Time(TTFB) – 네트워크와 웹 서버가 첫 번째 데이터 바이트를 반환하는 속도를 의미합니다. 수치가 높다면 웹 호스팅 문제를 의심해볼 수 있습니다.
- Start Render – 데이터와 이미지가 화면에 나타나기 시작하는 시점입니다.
- Document Complete – 초기 웹사이트 구성 요소가 모두 페이지에 로드되는 시점입니다.
- Fully Loaded – 웹페이지가 완전히 로드된 시점입니다.
- Speed Index – 웹사이트 속도 테스트 지표로, 벤치마크로 활용할 수 있습니다.
- First Interactive – 페이지 로딩 시작부터 방문자가 실제로 사이트를 조작할 수 있게 될 때까지의 시간입니다.
이러한 지표 외에도 폭포수 차트(waterfall chart) 같은 유용한 도구를 제공하여 어떤 요소가 페이지 로딩을 늦추고 있는지 한눈에 파악할 수 있습니다. 또한 경쟁 사이트와 나란히 비교 로딩하여 어느 쪽이 우위인지 확인할 수도 있습니다.
2. PageSpeed Insights
PageSpeed Insights는 구글이 제공하는 공식 페이지 로딩 속도 측정 도구입니다. 다른 도구들이 잠재적 문제를 깊이 분석하는 데 유용하지만, 구글 검색 순위에 직접 영향을 주는 만큼 이 도구에서 좋은 점수를 받는 것이 중요합니다.
다행히 구글은 사용법을 쉽게 만들었습니다. URL을 입력하고 엔터 키만 누르면 사이트의 페이지 로딩 속도를 테스트한 뒤, 0~100점 사이의 점수를 매기고 여러 지표별로 세분화해서 보여줍니다.
- First Contentful Paint – 첫 번째 이미지나 텍스트가 화면에 나타날 때까지 걸리는 시간입니다.
- First Meaningful Paint – 페이지의 핵심 콘텐츠가 화면에 표시될 때까지 걸리는 시간입니다.
- First CPU Idle – 페이지가 처음으로 사용자 입력을 받아들일 수 있게 되는 시점입니다.
- Max Potential First Input Delay – 로딩해야 하는 가장 긴 작업의 소요 시간입니다.
- Time to Interactive – 웹사이트가 완전히 인터랙티브해질 때까지 걸리는 시간입니다.
- Speed Index – 페이지 콘텐츠가 완전히 눈에 보이기까지 걸리는 시간입니다.
구글 도구의 또 다른 장점은 개선 제안을 함께 제공한다는 점입니다. 점수 향상에 도움이 되는 특정 워드프레스 플러그인까지 알려주므로, 개선 방향을 잡기가 훨씬 수월합니다.
워드프레스 전반적인 성능 개선 방법
이제 성능을 측정하고 추적할 도구가 준비되었으니 본격적으로 개선 작업에 들어갈 차례입니다. 그 전에 잠깐! 아래 방법들을 적용하기 전에 반드시 워드프레스 백업 플러그인으로 사이트를 백업해 두세요. 그럼 방문자에게 더 나은 경험을 제공하고 성능 점수를 끌어올릴 수 있는 여섯 가지 최적화 방법을 살펴보겠습니다.
1. 더 나은 호스팅 선택하기
TTFB 수치가 비정상적으로 높다면 관리형 워드프레스 호스팅(managed WordPress hosting)을 고려해볼 필요가 있습니다. 아무리 사이트를 꼼꼼히 최적화해도, 호스팅 서버가 방문자의 요청에 제대로 응답하지 못하면 소용이 없습니다.
워드프레스에는 빠른 속도를 제공하는 공유 호스팅 플랜도 많지만, 다른 사용자와 리소스를 '공유'한다는 점을 기억하세요. 좀 더 독립적인 리소스가 필요하다면 VPS(가상 사설 서버)나 전용 서버(dedicated server)를 선택하는 것도 좋은 대안입니다.
2. 페인트(Paint) 시간 줄이기
구글 PageSpeed Insights 도구를 사용하면 FCP(First Content Paint)와 First Meaningful Paint 지표가 보고됩니다. 이 지표들은 페이지에 콘텐츠가 로드되기 시작해 방문자에게 '뭔가 진행되고 있다'는 것을 보여주기까지 걸리는 시간을 의미합니다.
웹사이트의 페인트 시간을 단축하는 방법은 다음과 같습니다.
- HTTP 캐싱을 활용해 재방문자의 페이지 로딩 속도 높이기
- 텍스트 기반 파일을 압축하고 최소화(minify)하여 다운로드 속도 개선
- 페이지 로딩에 사용되는 JavaScript 최소화(리소스를 많이 소모함)
- 렌더링을 막는 스크립트와 외부 스타일시트 수 줄이기
3. CDN 사용하기
CDN(Content Delivery Network, 콘텐츠 전송 네트워크)은 방문자의 위치에 따라 콘텐츠를 더 효율적으로 배포하는 별도의 웹 서버 그룹입니다. CDN을 사용하더라도 기존 웹 호스팅은 그대로 유지되며, 이미지 같은 리소스는 방문자와 가장 가까운 서버에서 전달되어 워드프레스 사이트의 로딩 시간이 최적화됩니다.
새로 설치한 워드프레스로 간단히 테스트한 결과, CDN을 사용하면 해외 방문자에게 훨씬 빠른 속도를 제공할 수 있었습니다. CDN을 적용했을 때 페이지 로딩 시간이 미적용 대비 무려 50.31%나 감소했습니다.
4. 핫링크(Hotlink) 차단하기
핫링킹(hotlinking)이란 타인이 여러분의 호스팅 리소스와 대역폭을 빌려 자신의 웹사이트에 여러분의 이미지를 표시하는 행위입니다. 쉽게 말해 이미지 URL을 가져다가 자기 사이트에서 그대로 불러오는 것이죠. 이로 인해 사이트 속도는 느려지고 비용만 발생하며, 여러분에게는 아무런 이득도 없습니다.
핫링킹은 여러 가지 방법으로 차단할 수 있습니다. 일부 CDN은 핫링크 방지 기능을 기본 제공하며, 다양한 워드프레스 플러그인으로도 차단이 가능합니다. 그 외에 .htaccess 파일에 코드를 추가하거나 cPanel에서 차단 설정을 하는 방법도 있습니다.
5. 코드가 깔끔한 플러그인과 테마 사용하기
코딩 품질이 낮은 플러그인이나 테마는 워드프레스 사이트 로딩 속도를 크게 저하시킵니다. 평판 좋은 개발자가 만든 플러그인과 테마만 사용하면 이런 문제를 상당 부분 예방할 수 있습니다.
플러그인을 너무 많이 설치하는 것도 문제가 됩니다. 사이트 성능을 테스트하면 어떤 플러그인이 과도한 데이터베이스 쿼리를 발생시키거나 많은 스크립트를 불러오는지 파악할 수 있습니다. 가장 좋은 방법은 사이트 성능에 실제로 도움이 되는 플러그인만 남기고 항상 최신 버전으로 유지하는 것입니다.
6. 이미지 최적화하기
페이지 로딩 속도를 가장 크게 떨어뜨리는 요인 중 하나가 바로 이미지입니다. CDN, 캐싱, 각종 워드프레스 플러그인으로 개선할 수 있지만, WP Smush 같은 플러그인으로 이미지 자체를 최적화해두는 것이 좋습니다. 다행히 이 과정은 생각보다 간단합니다.
한편 웹사이트가 느려지는 또 다른 원인은 해킹과 악성코드 감염입니다. 이 경우 MalCare의 악성코드 제거(Malware Removal) 기능으로 사이트를 클린업할 수 있습니다. 그 밖에도 HTTP에서 HTTPS로 전환, 보안 플러그인 설치, 로그인 페이지 보호, wp-config.php를 통한 사이트 보안 강화 등 추가 보안 조치를 함께 취하는 것이 좋습니다.
결론
오늘날의 소비자들은 워드프레스 사이트가 로드될 때 단 몇 초의 추가 대기조차 참지 않으며, 정돈되지 않고 매력 없는 사이트는 외면합니다. 최적화된 워드프레스 사이트는 검색 엔진 순위를 높일 뿐만 아니라 사용자 경험과 전환율까지 개선합니다.
소개한 도구들로 웹사이트 성능을 측정하고 추적하며, 위의 유지보수 팁을 실천해 사이트가 제 역할을 다하도록 만들어 보세요. 사이트를 최적화하고 적합한 웹 호스트를 선택하면 방문 수와 매출 증가라는 긍정적인 결과를 확인할 수 있을 것입니다. 여러 사이트를 동시에 운영한다면 워드프레스 관리 플러그인을 활용해 운영 부담을 덜어보세요!