티스토리 사이트 로딩속도 측정 쉽게 하는법

저번 시간에는 html 압축 을 통해서 로딩속도를 빠르게 하는 방법에 대해서 알아봤는데요 이번에는 정말 빠르게 열리는지 측정해 보는 방법에 대해서 알아보려 합니다 물론 다른 사이트를 이용해서 하는 방법도 존재하지만 아무래도 구글 측정 사이트(PageSpeed Insights) 에서 확인해 보시는 것이 좋겠죠 모바일과 컴퓨터 모두 한번에 측정해 볼 수 있는 사이트로 측정된 값을 점수로 나타내주고 최적화 되었는지 현재 상태와 어떤 작업들이 필요한지 자세하게 알려주기 때문에 제가 사용해본 티스토리 사이트 로딩속도 측정 방법중 가장 좋았던것 같습니다

티스토리 사이트 로딩속도 측정 방법 알아보기

다음 구글 PageSpeed Insights 사이트로 접속해주시면 위 그림과 같은 화면이 나오실텐데요 물론 구글 검색으로도 쉽게 찾으실 수 있지만 링크된 사이트를 이용해 주셔도 되겠습니다 중앙에 보이시는 입력란에 측정하고자 하는 사이트 주소를 입력 하셔서 티스토리 사이트 로딩속도 측정 을 해주시면 되겠습니다

https://developers.google.com/speed/pagespeed/insights/

저는 제 사이트 특정 게시물 페이지 사이트 주소를 입력해 보겠습니다 위 그림과 같이 측정을 원하는 해당 사이트 주소를 입력해 주시고 옆에 분석 버튼을 눌러주시면 됩니다 

그럼 다음과 같이 해당 사이트에서 최적화가 얼마나 진행되었고 최적화가 안되었다면 어떤 작업이 필요한지 모두 자세하게 설명해줍니다 지금 제 사이트도 아직 최적화가 부족해보이네요 옆에 미리보기 창을 통해서 모바일에서 어떻게 보여지는지도 확인해 보실 수 있습니다

만약 오류가 나시는 분들은 사이트 주소를 입력 해주실때 주의 해주셔야 하는 사항이 있는데요 측정하는 게시물 페이지를 입력 할때 비공개 처리 되거나 존재하지 않는 게시물 페이지로 입력하시면 페이지 오류가 날 수 있으니 반드시 발행되어 있는 존재하는 사이트 주소를 입력해주시길 바랍니다

컴퓨터 탭을 눌러서 컴퓨터에서 로딩시간 및 최적화 정도를 확인해보겠습니다 HTML 압축 및 축소를 해줘야 하고 CSS 축소 등이 필요하다는 것을 알 수 있습니다 html 압축 또는 css 압축 방법은 아래 포스팅을 참고 해주시면 되겠습니다

특히 html 코드나 css 코드가 복잡하다면 최대한 간단하고 짧게 압축 하는 방법을 이용하면 사이트 로딩시간이 많이 단축되는 것을 알 수 있는데요 모르셨던 분들은 아래 포스팅을 참고하셔서 알아가 보시길 바랍니다

html 압축 - 티스토리 로딩속도 빠르게 하는법

css 압축 - 티스토리 로딩속도 단축 하는법