홈페이지 속도 느릴 때, 홈페이지제작업체에 묻기 전 점검 5가지

홈페이지가 느린 이유는 보통 무엇인가요?

가장 흔한 원인은 서버가 아니라 화면에 올린 사진의 용량입니다. 카메라로 찍은 원본 사진은 장당 3~8MB 정도이기 때문에, 제품 사진 스무 장만 올려도 100MB가 넘습니다. 방문자 휴대폰이 이 파일을 한꺼번에 내려받으니 느릴 수밖에 없습니다.

여기에 첫 화면의 자동 재생 영상, 쓰지 않는데 남아 있는 추적 스크립트가 겹치면 같은 서버에서도 체감 속도는 크게 벌어집니다. 그래서 순서가 중요합니다. 비싼 요금제로 바꾸기 전에 화면 쪽을 먼저 재보시는 편이 비용도 적게 듭니다.

1. 사진 용량은 어느 정도로 줄여야 하나요?

긴 쪽 1600픽셀, 장당 300KB 아래를 기준으로 잡으시면 됩니다. 이 정도만 줄여도 첫 화면이 뜨는 시간이 눈에 띄게 달라지는 경우가 많습니다.

올리기 전에 확인할 것은 세 가지입니다.

• 사진의 긴 쪽을 1600픽셀 정도로 줄입니다. 원본 그대로 올리는 습관을 먼저 고치시는 게 좋습니다.
• 형식은 jpg나 webp를 쓰고, png는 로고나 아이콘처럼 투명 배경이 필요한 곳에만 씁니다.
• 첫 화면 위쪽에 크게 걸리는 사진은 따로 더 가볍게 만듭니다. 방문자가 가장 먼저 내려받는 파일이기 때문입니다.

흔한 실수는 관리자 화면에서 사진을 작게 '보이게'만 줄이고 파일은 원본 그대로 두는 것입니다. 화면에 작게 보여도 파일 크기는 그대로라서 속도는 좋아지지 않습니다.

| 점검 항목 | 기준 | | 사진 긴 쪽 길이 | 1600픽셀 정도 | | 사진 한 장 용량 | 300KB 아래 | | 사진 형식 | jpg, webp (png는 로고·아이콘만) | | 첫 화면 위쪽 사진 | 다른 사진보다 더 가볍게 |

2. 첫 화면에 영상과 배너를 겹쳐 두면 왜 느린가요?

첫 화면에 큰 동영상을 자동 재생하거나 배너·팝업·슬라이더를 한꺼번에 켜 두면, 방문자는 내용을 보기도 전에 여러 파일을 기다려야 합니다. 보기 좋게 만들려고 넣은 장식이 방문자를 기다리게 하는 셈입니다.

첫 화면은 사진 한 장과 문구 하나로도 충분합니다. 영상은 두 번째 화면부터 두시고, 방문자가 눌렀을 때만 재생되게 바꾸시는 편이 낫습니다. 슬라이더도 꼭 필요한几张인지 다시 세어 보시고, 세 장이면 충분한 자리에 다섯 장을 넣지 않도록 하십시오.

3. 외부 스크립트는 어떻게 세고 정리하나요?

페이지 소스에서 외부 주소로 불러오는 목록을 세어 보고, 지금도 쓰는 것만 남기시면 됩니다. 채팅 상담, 방문자 분석, 광고 추적, 폰트, 지도 등을 하나씩 붙이다 보면 안 쓰는 코드가 계속 쌓이기 때문입니다.

정리 순서는 이렇게 잡으시면 됩니다.

1. 브라우저에서 문제 페이지를 엽니다.
2. 개발자 도구의 네트워크 탭을 켭니다.
3. 페이지를 새로 고쳐 어떤 파일이 큰지 순서대로 봅니다.
4. 용량이 큰 파일부터 줄이거나 뺍니다.

특히 첫 화면에 꼭 필요한 스크립트와 그렇지 않은 것을 나눠 두시면 효과가 큽니다. 예를 들어 채팅 상담 위젯은 첫 화면이 다 뜬 뒤에 불러오게 미루는 식입니다. 지도나 폰트도 마찬가지로 미룰 수 있습니다.

4. 서버 요금제는 언제 확인해야 하나요?

사진과 스크립트를 정리했는데도 느리면 그때 서버 쪽을 보시면 됩니다. 방문자가 몰릴 때 메모리가 모자라면 화면이 늦게 뜨거나 오류가 나기 때문입니다.

이때는 호스팅 요금제와 현재 사용량을 함께 보셔야 합니다. 트래픽, 메모리, 데이터베이스 크기를 각각 확인하시고, 행사나 세일 기간처럼 방문자가 몰리는 시기에 특히 터진다면 요금제 상향을 검토하시면 됩니다. 순서를 바꿔서 서버부터 바꾸면 같은 비용을 쓰고도 효과를 못 보는 경우가 생깁니다.

5. 모바일에서만 느릴 때는 무엇을 보나요?

PC는 괜찮은데 휴대폰에서만 느리다면, 첫 화면에 큰 표나 이미지가 가로로 넓게 잡혀 있을 가능성이 큽니다. 또는 휴대폰에서는 쓰지 않는 기능이 그대로 실려 있는 경우입니다.

실제 휴대폰으로 주요 페이지를 열어 이 세 가지를 확인해 보십시오.

• 첫 화면이 뜨는 데 몇 초 걸리는가
• 상품·메뉴 페이지로 넘어갈 때 버벅이는가
• 문의 폼을 눌렀을 때 반응이 바로 오는가

PC 화면을 줄여서 보는 방식으로 만들어진 페이지는 휴대폰에서 특히 느립니다. 이 경우는 화면 폭에 맞춰 사진 크기를 바꾸는 작업이 필요하므로, 직접 고치기 어려우면 제작사에 이 부분만 따로 요청하셔도 됩니다.

홈페이지제작업체에 물을 때 무엇을 알려주면 좋나요?

직접 점검한 결과를 정리해서 알려주시면 상담이 훨씬 빨라집니다. "느려요"라고만 하면 원인을 찾는 데 시간이 걸리기 때문입니다.

미리 준비하시면 좋은 것은 다음과 같습니다.

• 어느 페이지가 느린지 (첫 화면인지, 상품 목록인지)
• PC와 모바일 중 어디서 느린지
• 사진 장당 용량과 파일 개수
• 지금 쓰는 호스팅 요금제 이름과 사용량

이렇게 알려주시면 원인과 작업 범위를 좁히기 쉽습니다. 비용과 기간은 원인과 작업 범위에 따라 달라지며 부가세는 별도입니다.

정리

홈페이지가 느릴 때는 서버부터 바꾸지 마시고 사진 용량, 첫 화면 영상, 외부 스크립트 순서로 재보시면 됩니다. 사진은 긴 쪽 1600픽셀, 장당 300KB 아래를 기준으로 잡으시고, 안 쓰는 스크립트는 세어서 정리하십시오. 이 두 가지를 하고도 느리면 서버 요금제와 모바일 화면을 확인하시면 됩니다. 속도는 한 번 손보면 몇 년 갑니다. 방문자가 몰리는 시즌 전에 미리 점검해 두시면 좋습니다.

상담은 홈페이지 오른쪽 아래 네이버 톡톡 또는 카카오톡 상담을 누르시거나 0502-1920-4796으로 문의해 주세요.