워드프레스 속도 향상 위한 이미지 최적화 방법

워드프레스 운영하시는 분들이라면 속도 향상에 대해서 많은 고민을 하게 되실 것입니다. 저는 로딩 속도가 괜찮다고 생각했는데 PageSpeed Insight로 측정을 해보니 빨간색 범위에 들면서 워드프레스 속도 향상 위해서 노력하고 있습니다.

모바일 환경은 AMP 설정을 해 두었기 때문에 그나마 안심이 되었지만 데스크톱으로 빨간 범위에 들었다는 것은 꽤 충격적으로 다가왔습니다.

그래서 제일 처음으로 한 일은 이미지 최적화 작업이었습니다. 글을 작성할 때 이미지 최적화를 생각하시면서 작성을 했다면 큰 문제가 없겠지만 저 같이 그러지 않았던 분들은 아래에 소개하는 방법을 보시고 이미지 최적화 작업을 해보시기 바랍니다.

용량 줄이기

사진을 찍어서 올리게 될 경우에는 용량을 줄이지 않게 되면 로딩 속도에 큰 영향을 주게 되는데 프로그램 사용하지 않아도 무료 사이트 Optimizilla에서 퀄리티를 유지하면서 이미지 최적화를 시켜줍니다.

평균적으로 70% 정도를 줄여주기 때문에 워드프레스 속도 향상에 도움이 됩니다.

사이트에 접속하게 되면 위와 같은 화면이 나오게 되는데 여기서 파일 업로드 버튼을 눌러서 이미지를 불러오시거나 파일을 끌어서 ' 당신의 파일을 여기에 놓으세요 ' 곳에 넣게 되면 불러오실 수 있습니다.

이미지를 불러오는 즉시 이미지 최적화 작업이 진행되고 그 결과는 바로 확인할 수 있습니다.

하나만 작업할 때는 이미지 밑에 있는 다운로드 버튼을 누르시면 되고 다수의 이미지를 할 경우에는 하단에 모두 다운로드 버튼을 누르게 되면 압축 파일로 받을 수 있습니다.

최적화된 이미지를 사용할 경우 워드프레스 속도 향상에 큰 도움이 됩니다.

이미지는 사이즈가 클수록 용량이 크기 때문에 최적화를 한다고 해도 많이 줄일 수가 없습니다.

그래서 큰 사이즈일 경우에는 사이트에 맞게 조절해주는 것이 좋은데 포토스케이프, 포토샵을 사용할 줄 아시는 분들은 어렵지 않게 할 수 있지만 그렇지 않을 경우에는 iloveimg 같은 사이트에서 줄일 수 있습니다.

iloveimg 사이트에 접속하게 되면 '여러 이미지 선택' 버튼이 있는데 클릭해서 사이즈를 조절할 이미지를 불러오시면 됩니다.

이미지를 불러오게 되면 크기 조절 옵션 화면으로 넘어가게 되는데 우측에서 픽셀별, 퍼센트별로 설정을 할 수 있습니다.

목록에서 변경되는 사이즈를 확인하신 후에 우측 하단에 버튼을 누르면 다운로드 페이지로 넘어가게 되고 압축 파일로 다운로드하실 수 있습니다.

사이즈 조절된 이미지를 사용하게 되면 워드프레스 속도 향상을 할 수 있습니다.

위에 소개한 방법은 글을 작성할 때 하는 방법이기 때문에 기존에 작성한 이미지들은 어떻게 최적화해야 할까 고민이 되게 되는데 최적화 플러그인들이 많이 있기 때문에 하나를 선택해서 최적화를 진행하시면 됩니다.

가장 많이 쓰는 플러그인은 Smush라는 것으로 무료로도 이미지 용량을 줄일 수 있으며 Pro 버전을 사용하게 되면 2배 이상 더 용량을 줄일 수 있습니다.

Pro 버전은 30일 체험을 할 수 있기 때문에 한꺼번에 최적화를 한 후에 시험 버전을 취소하시면 자동 결제가 되지 않습니다.

한 가지 단점이라면 Smush 작업을 시작하게 되면 사이트가 느려지는 현상이 있습니다. 이 점을 생각해서 방문자 적은 시간대에 작업을 하시기 바랍니다.

워드프레스 속도 향상 방법에 대해서 많이 찾아보면서 수정을 하고 있는데 이미지 최적화만으로도 많은 향상이 있는 만큼 위의 설명을 참고해서 최적화 작업을 진행해 보시기 바랍니다.