페이지 속도란 무엇인가?

페이지 속도란 무엇인가?

페이지 속도는 웹페이지를 로딩하는 데 걸리는 시간이다.

페이지 로딩 속도는 사이트 서버, 페이지 파일 크기, 이미지 압축 등 다양한 요인에 따라 결정된다.

생각보다 간단하지 않고, 신경 써야 할 것이 많다.

페이지 로딩 속도 측정하는 방법은 다양하다.

가장 일반적인 세 가지는 아래와 같다.

• 완전히 로딩된 페이지: 페이지 리소스를 100% 로드하는 데 걸린 시간이다. 페이지 로딩 속도를 결정하는 가장 간단한 방법이다.
• 첫 번째 바이트까지 시간: 페이지가 로딩 프로세스를 싲가하는 데 걸리는 시간을 측정한다.
• 첫 번째 페인트: 사용자가 해당 페이지 콘텐츠를 읽을 수 있을 만큼 충분한 리소스를 페이지에서 로딩하는 데 걸리는 시간이다.

SEO에 페이지 속도가 중요한 이유

구글은 2010년부터 페이지 속도를 순위 요소로 사용해왔다.

즉, 웹사이트 로딩 속도가 느리면 구글 순위가 하락할 수 있다.

페이지 로딩 속도를 향상시키는 방법은 아래와 같다.

페이지 로딩 속도 향상시키는 방법 6가지

1. 이미지 압축

일반적으로 가장 간단하고 빠른 결과를 얻을 수 있다.

이미지는 일반적으로 페이지 크기의 50~90% 이상을 차지한다.

따라서 이미지를 더 많이 압축할수록 페이지가 더 빨리 로딩된다.

2. 코드 정리 및 압축

페이지에 있는 리소스를 줄인다.

• HTML
• CSS
• 자바스크립트
• 페이지에서 발견되는 코드

쓸 때 없는 코드를 정리하는 것이다.

어느 쪽이든 코드가깔끔할수록 로드 속도가 빨라진다.

3. 호스팅 업그레이드

시간 들여서 하루 종일 코드 정리 및 이미지 압축을 할 수 있다.

그러나 돈을 더 주고 호스팅 업그레이드 하면 속도가 훨씬 빨라질 수 있다.

사이트 로딩 속도를 개선하는 데 관심 있다면 호스팅 업그레이드 하자.

4. 브라우저 캐싱 활성화

페이지 일부를 브라우저 캐시에 저장할 수 있다.

방문자가 사이트를 방문하면 훨씬 더 빠르게 로딩한다.

과거에 내 사이트를 방문한 적이 있는 사람들의 로딩 속도를 향상시키는 데 도움을 준다.

워드프레스 플러그인에도 캐시 활성화가 따로 있으니 체크하도록 하자.

5. CDN 활용

CDN은 콘텐츠 전송 네트워크로 사이트 로딩 속도를 높이는 데 가장 쉬운 방법 중 하나이다.

CDN은 방문자의 물리적 위치를 파악한 다음 방문자와 가까운 서버에서 사이트 리소스를 제공하는 방식으로 작동한다.

6. 구글 웹사이트 속도 측정

이제 여러 단계를 거쳐 웹사이트 속도 개선에 관심이 생겼다면?

속도를 테스트 하는 것이 좋다.

Google PageSpeed Insights를 활용하자.

휴대전화 및 데스크톱등 페이지를 분석할 수 있다.

코어 웹 바이탈 평가부터 성능 문제까지 진단할 수 있다.

위 이미지와 같이 문제점이 있으면 최대한 고치면 좋다. (필자는 귀찮아서 놔두고 있다)

웹페이지 로딩 속도 개선에 힘쓰자.