페이지 속도 개선: 5가지 증명된 사이트 로딩 방법

    웹 페이지 속도 란?

    웹 페이지 속도 는 웹 페이지가 로드되는 데 걸리는 시간을 말한다. 페이지의 로딩 속도는 사이트의 서버, 파일 크기, 이미지 등 다양한 요인으로 인해 발생할 수 있다.

    페이지 속도를 측정하는 다양한 방법이 있다.

    일반적으로 100% 로드하는 데 걸리는 시간이 있다. 페이지 로딩 속도 측정 및 테스트를 하는데 기준이 될 수 있다.

    페이지가 로딩 프로세스를 시작하는 데 걸리는 시간 측정 또한 중요하다.

    결론적으로 완전히 로딩 하는데 5초 이상 걸리는 경우, 해당 속도 개선 향상에 힘 써야한다.

    이럴때 중요한 것이 웹 구조 그리고 사이트맵이다.

    웹 구조: 검색엔진 최적화에 중요한 이유 3가지 및 사이트맵 만들기: 구글 웹마스터 도구 쉽게 하는 6가지 방법 읽어보자.

    웹 페이지 속도 개선: 5가지 증명된 사이트 로딩 방법 썸네일

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

    구글 등 검색엔진 로봇은 페이지 SERP 요소로 사용했다.

    간단히 말하면 로딩 속도가 느린 웹사이트는 검색엔진 최적화에 문제를 줄 수 있다.

    하지만, 사이트의 로딩 속도를 어떻게 결정하느냐에 대한 기준이 모호할 것이다.

    그러나, PageSpeed Insight도구에서 이러한 모든 측정항목을 체크할 수 있다.

    사이트 로딩 속도를 올리는 방법은 아래와 같다.

     

    웹 페이지 속도 개선: 5가지 증명된 사이트 로딩 방법

    1. 이미지 압축

    일반적으로 가장 간단하고 쉬운 방법이다.

    결국 이미지가 일반적으로 페이지 크기의 대부분을 차지하기 때문이다.

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

    Tiny png라는 웹사이트를 사용하면 원활하게 이미지 크기를 줄일 수 있다.

     

    2. 코드 정리 및 압축

    페이지 속도 개선에서 찾은 리소스를 최소화 하자.

    예를 들면 아래와 같다.

    • HTML
    • CSS
    • 자바스크립트
    • 기타 모든 코드

    페이지에서 필요없는 코드를 최대한 줄이는 것이 좋다.

    코드가 깨끗할수록 로딩 속도가 올라가는 것이다.

    콘텐츠 중복도 제대로 관리하는 것이 좋다.

    인기 콘텐츠: 중복 피하는 5가지 방법 글을 참고 해보자.

     

    3. 호스팅 업그레이드

    위 2가지를 정리하더라도 호스팅이 느리면 사이트가 빨리 로드 되지 않는다.

    이미 많은 웹 호스트가 있기 때문에 느린 것이다.

    일반적으로 돈을 많이 지불하는 만큼 속도가 매우 빨라진다.

    개인 서버를 사거나 혹은 "티스토리" 경우 "워드프레스"와 같은 호스팅 비해 매우 빠르다.

    그리고 색인 관리가 편하다.

    더 자세한 내용은 Robots.txt: 색인을 쉽게 하는 3가지 방법 에서 읽어보자.

     

    4. 브라우저 캐싱 활성화

    브라우저 캐싱 이미지

    사용자는 브라우저 캐시에 페이지의 일부를 저장할 수 있다.

    이로 인해 독자의 사이트를 방문할 때 훨씬 더 빠르게 로드된다.

    처음 방문자는 페이지 로드 속도를 높이는데 도움이 되지 않는다.

    이전에 독자의 사이트를 방문한 적이 있는 사람들의 로딩 속도를 향상시키는데는 도움이 될 수 있다.

    브라우저 캐싱 설정 혹은 워드프레스는 해당 기능이 가능하다.

    더 자세한 내용은 웹 페이지 크롤링 버젯: 5가지 증명된 콘텐츠 사일로 에서 만날 수 있다.

     

    5. 웹 페이지 속도 개선 테스트

    위 4단계를 거쳤다면 이제 테스트를 해보는 것이 중요하다.

    PageSpeed Insight 를 사용하여 코드에서 문제를 검사하자.

    속도 진단 이미지

    이렇게 페이지를 검색하면 진단을 받을 수 있다.

    속도 테스트 이미지

    그리고 추천 하는 사항을 제대로 보는 것이 좋다.

    위 사항을 보고 고칠 수 있는 내용은 고치는 것이 중요하다.

    웹 페이지 밈 이미지
    빠른게 최고!

     

    결론

    원인을 찾고 개선 및 향상 하는 방법 밖에는 없다.

    위 내용을 간단히 정리하면 아래와 같다.

    1. 이미지 압축
    2. 코드 정리 및 압축
    3. 호스팅 업그레이드
    4. 브라우저 캐싱 활성화
    5. 속도 테스트

    한 눈에 테크니컬 SEO를 알고 싶다면 테크니컬 SEO: 총 정리 가이드(2021년) 참고 하자.

     

    더 알아보기

    티스토리 댓글 작성하기

    자바스크립트를 허용해주세요.
    [ 자바스크립트 활성화 방법 ]
    from Mohon Aktifkan Javascript!