핵심 요약: 웹사이트 속도 개선의 실용적인 테크니컬 SEO 두 가지 — 불필요한 리디렉션 체인 정리와 반응형 이미지·lazy-loading 최적화. 속도는 랭킹에 간접적이지만 유저 경험에는 직접적이다.
1. 불필요한 리디렉션 줄이기
주로 웹사이트의 도메인이 변경된 경우, 웹사이트 구조가 변경된 경우에 리디렉션을 관리해줄 것을 권장합니다. 유저 그리고 검색엔진 크롤러가 사이트 내를 돌아돌아서 도달하지 않고 바로 목표하는 랜딩페이지에 도달할 수 있도록 정리해주는 작업은 웹사이트 로딩 속도 저하를 막을 수 있기 때문입니다.
- 더이상 존재하지않는 페이지로 보내는 리디렉션이 없는지
- A ➡ B ➡ C 와 같이 불필요하게 중간 딜레이를 만드는 리디렉션 체인이 없는지
리디렉션을 불필요하게 거치지 않아 랜딩 페이지 도달까지의 시간을 절약하여 유저의 경험을 높일 수 있습니다. 덤으로 웹사이트의 크롤링 리소스 낭비까지 막을 수 있습니다. 도메인을 옮기지 않더라도 장기적으로 웹사이트를 관리하는 측면에서 내부 링크들의 리디렉션을 관리해줄 것을 권장합니다.
2. 이미지를 최적화하기
이미지가 웹페이지를 로드하는 데 필요한 평균 바이트의 60%를 차지한다는 사실을 알고 계신가요? 반응형 이미지를 활용한다면 데스크탑, 태블릿, 모바일 모든 기기에서 이미지를 빠르게 로드할 수 있도록 해주어 웹사이트 속도를 높일 수 있습니다. 경우에 따라 이미지 비율을 조정하고, 자르고, 바꿀 수 있는데 이러한 이미지 조정은 유저의 경험에도 상당한 영향을 끼치기 때문에 단지 속도 뿐만 아니라 우리의 상품 혹은 서비스가 기기별로 유저관점에서 어떻게 더 매력적으로 보일지 고민하여 이미지를 정할 수 있습니다 유저가 웹페이지 오픈 시 퍼포먼스를 극대화하기 위해서 lazy-loading을 사용하고있는지도 확인해보시기 바랍니다.
함께 알아두면 좋은 것
- 웹사이트 속도 개선이 검색엔진 랭킹에 직접적인 영향을 끼치지 않지만 방문 유저의 경험을 높여 간접적으로 영향을 줄 수 있습니다.
- 대부분 웹사이트 느린 로딩속도는 JavaScript 파일들 때문일 수 있습니다. 웹사이트 로딩 속도를 확인해보세요
- [개발자 도구] > [Network] 탭 에서 웹페이지 파일 로딩속도를 확인해볼 수 있습니다