워드 프레스(Wordpress) 속도를 빠르게 하기 위한 5가지 방법
SEO대책에서 페이지의 표시 속도는 주의해야 할 지표 중 1개입니다.
페이지의 읽기에 3초 이상 걸리면 50% 이상의 사용자가 이탈한다고 하며 단 몇 초 차이로 미치는 영향의 크기는 모릅니다.
특히 WordPress처럼 동적으로 콘텐츠를 표시하는 경우에는 페이지 표시의 타이밍에서 다양한 처리되므로 주의하지 않으면 페이지 표시 속도가 느려지고 지는 경우가 자주 있습니다.
제가 티스토리에서 #1 스킨을 사용하고 모든 플러그인을 쓰지 않는 것도 위와 같은 이유이지요.
이번에는 WordPress페이지 표시 속도를 개선하기 위한 방법을 소개하겠습니다.
왜 워드프레스의 속도가 중요한가
일반적으로 Web 사이트의 페이지 표시 속도는 다양한 점에서 영향을 미친다고 하는데, 예를 들면 페이지 표시 속도가 느리다고 다음과 같은 것에 연결되어 버립니다.
- 사용자 이탈률이 높아진다
- SEO의 관점에서 악영향을 미친다
- 유저 빌리티가 훼손된다
WordPress는 관리 화면에서 작성한 페이지의 정보를 동적으로 표시하는 시스템으로 움직이고 있습니다.
즉, 접속 때마다 콘텐츠를 생성하고 있기 때문에 정적인 Web 사이트에 비해서 속도가 늦어 버리기 쉽습니다.
그래서 WordPress사이트는 통상의 사이트 이상에 페이지 표시 속도에 조심할 필요가 있기 때문에 제대로와 고속화를 위한 대책을 실시하는 것이 중요합니다.
페이지 표시 속도가 느리면 사용성이 떨어져
방문자에게 페이지를 열면 바로 콘텐츠를 볼 수 있는 상태인 것이 이상이지만, 네트워크의 속도 및 콘텐츠 취득의 영향에서 완전히 읽기 시간을 없앨 수 없습니다.
그러나 너무도 표시 속도가 느리면 모처럼 접속하여 준 사용자가 읽기 중에 도중에서 기다리는 것을 그만둬라, 페이지에서 이탈합니다.
최근에는 "사용성"의 중요성이 더 높아지고 있는데 페이지의 표시 속도는 사용성에 직결하는 매우 중요한 요소의 1개입니다.
유저 빌리티의 높고 사용하기 쉬운 Web 사이트를 제공하기 위해서도 WordPress의 고속화를 실시하고 페이지 표시 속도를 개선하는 것이 필요합니다.
단지 표시 속도만 의식하면 좋은 것은 아니다
페이지의 고속화를 실시하는 것에 의해서 SEO대책에 효과가 있다고 하지만 최소한의 표시 속도가 확보되어 있으면 거기까지 신경 쓸 필요는 없습니다.
물론 방문자의 사용성을 생각하면 페이지의 표시 속도가 빨리 넘긴 적은 없지만 페이지의 표시 속도를 앞당기기 위해서 화상을 전혀 표시하지 않거나 CSS와 JavaScript를 지연 읽기 함으로써 일시적으로 디자인이 무너지고 버린 적이 있다고 오히려 역효과가 될 가능성이 있습니다.
다만 페이지의 표시 속도를 빨리 한다는 것은 아니어서 페이지를 봐준 사람에게 쓰기 쉬운 퍼포먼스의 개선을 할 필요가 있습니다.
페이지 표시 속도를 확인하는 방법
페이지의 표시 속도는 "Page Speed Insights"라는 Google이 제공하는 도구로 체크하는 것이 가능합니다.
URL을 입력하는 것만으로 Web 사이트의 표시 속도를 측정할 수 있어"페이지의 표시 속도가 늦는구먼" 했더니, 한번 체크하고 보세요.
또 Page Speed Insights는 개선점도 가르치다 보니 WordPress의 고속화를 시작하기 전에 원인이 어디 있는지 체크하는 것이 중요합니다.
표시 속도의 대책을 실시하는 전과 후 얼마나 점수가 변화했는지를 참고하면서 성능 개선을 실시하고 보도록 합시다.
WordPress사이트를 고속화하는 방법
WordPress사이트를 고속화하는 방법에는 여러 종류가 있습니다만, 다음에 중요한 5가지 방법을 정리했습니다.
만약 당신이 현재 사이트의 표시 속도에 과제를 느끼고 있다면, 상기의 원인 중 1개 또는 2개 정도의 원인이 악영향을 주고 있을 가능성이 있습니다.
5개의 방법을 다 시도하기도 효과적이지만, 큰 영향을 주고 있다 1개를 개선하는 것만으로도 WordPress페이지 표시 속도가 크게 개선될지도 모릅니다.
1. 화상을 압축한다
화상 파일은 페이지의 표시 속도를 저하시키는 요인 1개에서 고속화의 적입니다.
Web 사이트를 고속화하려면 표시하는 화상의 크기를 필요 최저한으로 하고, 사용하는 화상은 압축하고 두도록 합시다.
- " 풀 사이즈"의 화상을 사용하지 않는
- 화상을 압축해서 올린다
" 풀 사이즈"의 화상을 사용하지 않는
WordPress에는 화상을 업로드하면 자동으로 몇 가지 크기의 화상 파일을 생성하고 주게 되고 있습니다.
풀 사이즈의 화상은 올린 화면 크기 그대로이므로, 필요 이상으로 큰 사이즈의 화상일 가능성이 있고 페이지의 표시 속도가 낮아지는 원인이 되어 버립니다.
WordPress의 투고 등에 너비가 가득한 화상을 사용하는 경우는, " 풀 사이즈"가 아니라" 큰 사이즈"의 화상을 사용하도록 합시다.
화상을 압축해서 올린다
화상 파일은, 외형의 품질을 유지한 채 파일 크기를 줄일 수 있으며 이를 "압축"라고 합니다.
매번 업로드 전에 수동으로 화상을 압축하는 것도 문제없지만 그것과 시간이 오래 걸려서 플러그 인을 사용하여 영상의 압축을 자동화되어 버립시다.
화상 압축에는 "EWWW Image Optimizer"는 플러그 인을 사용합니다.
플러그 인을 설치하고 활성화하면 화상 업로드 시 자동으로 파일을 압축하다 수 있게 됩니다.
관리 화면에서 플러그 인의 섬세한 설정을 변경할 수도 있지만 기본적으로는 초기 설정 그대로 문제없습니다. 이미 업로드된 화상을 최적화하고 싶다면, "미디어"의 "일괄 최적화"에서 할 수 있습니다.
2. 테마를 변경한다.
WordPress의 주제에 따라서는 1개 1개의 파일 사이즈가 커서 페이지 표시 속도가 늦어져의 제라는 것이 있습니다.
물론 주제를 변경했다고 해서 극적으로 속도가 향상한다고는 할 수 없지만 반대로 말하면 주제 때문에 페이지 표시 속도가 늦어질 경우에는 아무리 손재주의 대책을 실시하고 더 극적으로 개선하기 힘들다는 것입니다.
이미 WordPress에서 Web 사이트를 운영하고 있으며 페이지 표시 속도가 궁금하다고 하는 분은 주제를 고쳐서 보는 것도 1개의 손이에요.
최근에는 페이지의 표시 속도 속도를 장점으로 하는 주제도 여러 가지 공개되어 있으므로, 빨리 개선하고자 하는 경우에는 그러한 주제를 이용하는 게 좋겠죠.
3. 렌털 서버를 재검토
페이지의 표시 속도는 이용하고 있는 렌털 서버의 성능 원인이 있는 경우도 있습니다.
스펙의 낮은 서버나 낡은 렌털 서버 등을 사용하고 있다고 전송 속도가 느린 경우가 흔히 있습니다.
만약 페이지의 표시 속도가 느리고 어떤 대책을 마련해도 개선되지 않을 경우는 서버의 성능에 원인을 의심하고 보면 좋을 것입니다.
엑스 서버 등 월 1,000엔 정도로 고성능 서버를 이용할 수 있는 서비스도 제공되고 있으므로 싼 서버를 사용하는 분이나, 무명의 서비스를 이용하고 있는 분은 고쳐서 보세요.
4. 1쪽에 표시하는 콘텐츠 수를 줄인다
표시하는 콘텐츠의 양이 많아질수록, 읽어야 할 파일의 수도 늘어나기 때문 페이지 표시 속도가 저하됩니다.
특히 주의해야 하는 것이 톱 페이지 등 화상이 특히 많은 페이 지그래서 기사 목록에 표시 건수가 많다고 그것만 표시 속도가 느려져버립니다.
특히 톱 페이지는 많은 사람이 접근하는 페이지이므로 되도록 페이지의 표시 속도가 빠른 상태를 유지하고 싶네요. 기사 목록 표시 건수를 헤은 코우하고 싶은 경우는 WordPress관리 화면에서 "1쪽에 표시하는 최대 투고 수"에서 변경할 수 있습니다.
다만 1쪽에 표시하는 기사 수를 줄이면 기사를 찾을 때에 몇 번이나 페이지 보내기 하지 않으면 안 돼 되어 버립니다. 최적의 기사 수는 디자인에 따라서도 달라지지만, 적어도 8~12건 정도는 나오게 해 놓는 게 좋겠죠.
5. 플러그 인의 수를 줄인다.
플러그 인의 수가 늘어나면 그만큼 여러 파일을 읽거나 처리하므로 페이지의 표시 속도가 낮아지는 원인이 되어 버립니다.
물론, 도입하기로 페이지의 고속화로 이어지는 플러그 인도 많았고, 그것을 이용하는 것이 유효한 대책입니다. 다만 함부로 플러그 인을 점점 추가하는 것은 피하고 필요한 플러그 인에 엄선하여 이용하는 것을 추천합니다.
또, 플러그 인의 수가 너무 늘면 스스로도 관리가 잘 되지 않게 오류가 발생하는 원인이 되기 때문에 주의합시다.