느리다는 느낌을 먼저 숫자로 바꿔야 합니다
홈페이지가 느리다는 판단은 대개 감각에서 시작됩니다. 주소를 눌렀는데 흰 화면이 잠깐 머무르거나, 스크롤을 내렸을 때 사진이 뒤늦게 채워지는 순간에 느낌표가 붙습니다. 그런데 이 느낌만으로 호스팅을 바꾸거나 사이트를 다시 만드는 결정을 내리면, 비용은 들었는데 체감은 그대로인 경우가 자주 생깁니다.
먼저 할 일은 측정입니다. 속도 측정에 쓰는 도구는 대부분 무료이고, 설치할 것도 없습니다. 구글이 제공하는 PageSpeed Insights 는 주소만 넣으면 모바일과 데스크톱 결과를 나눠 보여주고, 브라우저에 이미 들어 있는 개발자 도구의 네트워크 탭은 어떤 파일이 몇 초를 잡아먹었는지 한 줄씩 보여줍니다. 이 두 가지만으로도 원인의 팔 할은 좁혀집니다.
측정할 때는 같은 페이지를 시간대를 달리해 서너 번 재는 편이 좋습니다. 한 번의 결과에는 그 순간의 회선 상태가 섞여 들어가기 때문입니다.
원인은 대체로 네 군데 중 하나입니다
측정 결과를 열어보면 항목이 많아 보이지만, 실제로 손을 대야 하는 곳은 네 군데로 정리됩니다.
첫째, 이미지 용량
가장 흔한 원인입니다. 화면에서는 가로 800픽셀로 보이는 사진인데 원본 4000픽셀 파일을 그대로 올려둔 경우가 많습니다. 브라우저는 4000픽셀을 전부 받은 다음 줄여서 보여주기 때문에, 보이지 않는 용량을 방문자가 대신 기다리게 됩니다. 화면에 쓰이는 크기에 맞춰 다시 저장하는 것만으로 첫 화면이 확 달라집니다.
둘째, 스크립트
방문자 분석, 채팅 상담, 지도, 폰트 같은 외부 스크립트는 하나씩 보면 가볍지만 겹치면 무거워집니다. 특히 한때 붙여두고 지금은 쓰지 않는 코드가 남아 있는지 확인해보시면 좋습니다. 쓰지 않는 스크립트를 지우는 것은 비용이 들지 않으면서 효과가 확실한 조치입니다.
셋째, 서버 응답 시간
브라우저가 요청을 보낸 뒤 서버가 첫 글자를 돌려주기까지의 시간입니다. 이 값이 길면 이미지나 스크립트를 아무리 정리해도 출발선 자체가 뒤로 밀립니다. 호스팅 환경을 점검해야 하는 신호는 사실상 이 항목 하나입니다.
넷째, 네트워크 거리
서버가 멀리 있으면 파일이 오가는 시간 자체가 늘어납니다. 이 부분은 코드를 고쳐서 해결되지 않고, 방문자와 가까운 곳에서 파일을 대신 내어주는 CDN 으로 풀어야 합니다.
돈을 들이지 않고 오늘 할 수 있는 순서
원인을 확인했다면 손대는 순서도 정해집니다. 효과 대비 품이 적은 쪽부터입니다.
첫 번째로 첫 화면에 보이는 큰 이미지 서너 장만 크기를 맞춰 다시 올립니다. 두 번째로 지금 쓰지 않는 외부 스크립트를 걷어냅니다. 세 번째로 폰트를 여러 종류 불러오고 있다면 한두 종류로 줄입니다. 여기까지는 무료이고, 대부분의 사이트에서 체감이 가장 크게 바뀌는 구간입니다.
그런 다음 다시 측정합니다. 조치를 여러 개 몰아서 한 뒤 한 번만 재면, 무엇이 효과가 있었는지 알 수 없어 다음에 또 같은 고민을 반복하게 됩니다. 한 가지를 바꾸고 한 번 재는 방식이 결국 시간을 아낍니다.
서버 응답이 원인으로 남았을 때
이미지와 스크립트를 정리했는데도 서버 첫 응답이 계속 느리게 나온다면, 그때는 호스팅 환경을 볼 차례입니다. 다만 여기서도 무조건 비싼 요금제로 올려야 하는 것은 아닙니다. 정적인 페이지로 이루어진 사이트라면 파일을 그대로 내어주는 구조가 오히려 빠르고, 여기에 CDN 이 붙으면 방문자 위치와 상관없이 응답이 고르게 나옵니다.
아이비전트의 AI 호스팅은 글로벌 CDN 가속과 DDoS 방어, 트래픽 무제한을 모든 요금제에 기본으로 제공합니다. 무료 요금제에서도 같은 조건이 적용되기 때문에, 지금 쓰는 환경과 비교해보는 용도로 먼저 올려보고 측정해보는 방법도 있습니다. 무료 SSL 이 자동 발급되어 주소 앞 자물쇠까지 따로 챙길 것이 없습니다.
요금제별로 어떤 항목이 기본으로 들어가는지는 요금제 페이지에서 나란히 놓고 확인하실 수 있습니다.
정리하면
사이트가 느릴 때의 순서는 단순합니다. 무료 도구로 숫자를 확인하고, 이미지와 스크립트처럼 돈이 들지 않는 곳부터 정리하고, 그래도 남는 서버 응답 문제만 호스팅으로 해결합니다. 이 순서를 지키면 필요 없는 비용을 쓰지 않게 되고, 무엇을 고쳐서 빨라졌는지도 기록으로 남습니다.
홈페이지를 처음 만들면 속도는 늘 나중 문제로 밀리지만, 방문자가 첫 화면을 보기까지의 3초는 내용이 좋고 나쁨을 판단하기도 전에 지나갑니다. 오늘 한 번 측정해두는 것만으로도 앞으로의 판단이 훨씬 수월해집니다.
더 많은 제작 기록은 아이비전트 공식 블로그에 정리되어 있습니다.
