홈페이지가 느리면 방문자는 기다려주지 않습니다. 화면이 뜨기 전에 뒤로 가기를 누르는 경우가 많고 검색엔진도 느린 사이트를 좋게 평가하지 않습니다. 다행히 속도 문제의 원인은 대부분 몇 가지로 좁혀집니다. 그중 상당수는 어렵지 않게 손볼 수 있습니다.
먼저 현재 속도를 측정해 보세요
감으로 판단하기 전에 무료 측정 도구를 써보는 것이 좋습니다. 구글의 PageSpeed Insights에 주소만 입력하면 모바일과 PC 각각의 상태와 개선 항목을 알려줍니다. 점수 자체에 일희일비하기보다 어떤 항목이 문제로 지적되는지를 봐야 합니다. 대부분의 사이트에서 이미지와 스크립트가 상위에 지적됩니다.
이미지가 속도를 잡아먹는 가장 큰 범인입니다
스마트폰으로 찍은 사진을 원본 그대로 올리면 한 장에 수 MB가 되기도 합니다. 두 가지만 기억하세요. 우선 화면에 보이는 크기에 맞게 리사이즈합니다. 폭 800px로 보일 이미지를 4000px 원본으로 올릴 이유가 없습니다. 그다음 WebP 같은 최신 포맷으로 변환합니다. 같은 화질에서 JPG보다 용량이 크게 줄어드는 경우가 많고 무료 변환 도구도 많습니다.
지연 로딩으로 첫 화면을 가볍게
지연 로딩(lazy loading)은 화면에 아직 보이지 않는 아래쪽 이미지를 나중에 불러오는 방식입니다. 방문자가 처음 마주하는 화면이 훨씬 빨리 뜹니다. 최근 제작된 사이트라면 이미지 태그에 loading=lazy 속성을 넣는 것만으로 적용되는 경우가 많으니 제작사에 적용 여부를 물어보세요.
불필요한 스크립트와 호스팅도 점검
채팅 위젯, 분석 도구, 애니메이션 효과 등 외부 스크립트가 쌓이면 그만큼 느려집니다. 실제로 쓰지 않는 위젯은 과감히 정리하세요. 사이트 자체는 가벼운데도 느리다면 호스팅 서버의 성능이나 위치가 원인일 수 있습니다. 오래된 저가 호스팅을 쓰고 있다면 업그레이드나 이전을 검토할 만합니다. 브라우저 캐시 설정처럼 서버 쪽에서 할 수 있는 조치는 제작사나 호스팅 업체에 문의하면 됩니다.
손대는 순서
무엇이 문제인지는 PageSpeed Insights 같은 무료 도구가 먼저 알려줍니다. 이미지 리사이즈와 WebP 변환, 지연 로딩만으로도 체감 속도가 크게 달라집니다. 쓰지 않는 스크립트 정리와 호스팅 점검까지 하면 기본기는 끝납니다. NOAH는 199,000원 패키지로 제작 단계부터 이미지 최적화와 반응형을 기본 적용해 처음부터 가벼운 홈페이지로 시작하도록 돕고 있습니다.