페이지 속도 개선: 5가지 증명된 사이트 로딩 방법
- Technical SEO
- 2021. 7. 30.
웹 페이지 속도 란?
웹 페이지 속도 는 웹 페이지가 로드되는 데 걸리는 시간을 말한다. 페이지의 로딩 속도는 사이트의 서버, 파일 크기, 이미지 등 다양한 요인으로 인해 발생할 수 있다.
페이지 속도를 측정하는 다양한 방법이 있다.
일반적으로 100% 로드하는 데 걸리는 시간이 있다. 페이지 로딩 속도 측정 및 테스트를 하는데 기준이 될 수 있다.
페이지가 로딩 프로세스를 시작하는 데 걸리는 시간 측정 또한 중요하다.
결론적으로 완전히 로딩 하는데 5초 이상 걸리는 경우, 해당 속도 개선 향상에 힘 써야한다.
이럴때 중요한 것이 웹 구조 그리고 사이트맵이다.
웹 구조: 검색엔진 최적화에 중요한 이유 3가지 및 사이트맵 만들기: 구글 웹마스터 도구 쉽게 하는 6가지 방법 읽어보자.
웹 페이지 속도가 SEO에 중요한 이유
구글 등 검색엔진 로봇은 페이지 SERP 요소로 사용했다.
간단히 말하면 로딩 속도가 느린 웹사이트는 검색엔진 최적화에 문제를 줄 수 있다.
하지만, 사이트의 로딩 속도를 어떻게 결정하느냐에 대한 기준이 모호할 것이다.
그러나, PageSpeed Insight도구에서 이러한 모든 측정항목을 체크할 수 있다.
사이트 로딩 속도를 올리는 방법은 아래와 같다.
웹 페이지 속도 개선: 5가지 증명된 사이트 로딩 방법
1. 이미지 압축
일반적으로 가장 간단하고 쉬운 방법이다.
결국 이미지가 일반적으로 페이지 크기의 대부분을 차지하기 때문이다.
따라서 이미지를 많이 압축할수록 페이지가 더 빨리 로드된다.
Tiny png라는 웹사이트를 사용하면 원활하게 이미지 크기를 줄일 수 있다.
2. 코드 정리 및 압축
페이지 속도 개선에서 찾은 리소스를 최소화 하자.
예를 들면 아래와 같다.
- HTML
- CSS
- 자바스크립트
- 기타 모든 코드
페이지에서 필요없는 코드를 최대한 줄이는 것이 좋다.
코드가 깨끗할수록 로딩 속도가 올라가는 것이다.
콘텐츠 중복도 제대로 관리하는 것이 좋다.
인기 콘텐츠: 중복 피하는 5가지 방법 글을 참고 해보자.
3. 호스팅 업그레이드
위 2가지를 정리하더라도 호스팅이 느리면 사이트가 빨리 로드 되지 않는다.
이미 많은 웹 호스트가 있기 때문에 느린 것이다.
일반적으로 돈을 많이 지불하는 만큼 속도가 매우 빨라진다.
개인 서버를 사거나 혹은 "티스토리" 경우 "워드프레스"와 같은 호스팅 비해 매우 빠르다.
그리고 색인 관리가 편하다.
더 자세한 내용은 Robots.txt: 색인을 쉽게 하는 3가지 방법 에서 읽어보자.
4. 브라우저 캐싱 활성화
사용자는 브라우저 캐시에 페이지의 일부를 저장할 수 있다.
이로 인해 독자의 사이트를 방문할 때 훨씬 더 빠르게 로드된다.
처음 방문자는 페이지 로드 속도를 높이는데 도움이 되지 않는다.
이전에 독자의 사이트를 방문한 적이 있는 사람들의 로딩 속도를 향상시키는데는 도움이 될 수 있다.
브라우저 캐싱 설정 혹은 워드프레스는 해당 기능이 가능하다.
더 자세한 내용은 웹 페이지 크롤링 버젯: 5가지 증명된 콘텐츠 사일로 에서 만날 수 있다.
5. 웹 페이지 속도 개선 테스트
위 4단계를 거쳤다면 이제 테스트를 해보는 것이 중요하다.
PageSpeed Insight 를 사용하여 코드에서 문제를 검사하자.
이렇게 페이지를 검색하면 진단을 받을 수 있다.
그리고 추천 하는 사항을 제대로 보는 것이 좋다.
위 사항을 보고 고칠 수 있는 내용은 고치는 것이 중요하다.
결론
원인을 찾고 개선 및 향상 하는 방법 밖에는 없다.
위 내용을 간단히 정리하면 아래와 같다.
- 이미지 압축
- 코드 정리 및 압축
- 호스팅 업그레이드
- 브라우저 캐싱 활성화
- 속도 테스트
한 눈에 테크니컬 SEO를 알고 싶다면 테크니컬 SEO: 총 정리 가이드(2021년) 참고 하자.
더 알아보기
- 에스이오 홈페이지 : 검색엔진 최적화(SEO) FACT만 제공하는 콘텐츠 페이지.