홈페이지가 느린 진짜 이유

먼저 확인할 것은 서버가 아니다

“사이트가 느리다”는 이야기를 들으면 대부분 서버부터 의심합니다. 하지만 실제로 진단해 보면 서버가 원인인 경우는 많지 않습니다. 순서대로 확인해 보겠습니다.

1. 이미지

가장 흔한 원인이고, 가장 쉽게 고칠 수 있는 부분입니다. 카메라나 휴대폰으로 찍은 사진은 한 장에 5MB가 넘기도 합니다. 그런 사진 열 장이 올라간 페이지는 50MB짜리 페이지가 됩니다.

• 화면에 표시되는 크기에 맞춰 줄여서 올린다
• JPEG 품질을 80~85 정도로 압축한다 — 눈으로는 차이를 느끼기 어렵습니다
• 가능하면 WebP 같은 가벼운 형식을 함께 제공한다
• 첫 화면 아래 이미지는 나중에 불러오도록 미룬다

이 네 가지만 해도 대부분의 사이트가 눈에 띄게 빨라집니다.

2. 화면이 뜬 뒤 밀리는 현상

글을 읽으려는데 위에서 이미지가 늦게 로딩되면서 본문이 아래로 밀리는 경험, 흔합니다. 이건 속도 문제라기보다 공간을 미리 잡아두지 않아서 생깁니다. 이미지에 가로·세로 값을 지정하면 브라우저가 자리를 먼저 비워두기 때문에 밀림이 사라집니다.

3. 외부 스크립트

채팅 상담, 방문자 통계, 광고 추적, 폰트, 지도. 하나씩 붙일 때는 가볍지만 다섯 개가 넘어가면 체감이 확실히 달라집니다. 지금 실제로 보고 있는 통계인지, 쓰지 않는데 남아 있는 스크립트는 없는지 한 번 정리해 볼 필요가 있습니다.

4. 폰트

웹폰트는 파일이 큽니다. 로딩되기 전까지 글자가 아예 안 보이는 설정이면, 사용자는 흰 화면을 보게 됩니다. 기본 글꼴로 먼저 보여주고 나중에 교체하는 방식으로 바꾸면 체감 속도가 크게 좋아집니다.

그다음이 서버

위 네 가지를 정리한 뒤에도 느리다면 그때 서버를 봅니다. 동시 접속이 많은 서비스나 데이터가 큰 시스템은 실제로 서버 성능이 병목일 수 있습니다. 다만 순서를 지키지 않으면 서버를 올려도 그대로인 경우가 대부분입니다.

왜 중요한가

속도는 검색 순위에 반영되는 요소이고, 무엇보다 느린 사이트는 사람들이 기다려주지 않습니다. 광고비를 써서 데려온 방문자가 화면이 뜨기 전에 나가버리면, 그 비용은 그대로 사라집니다.