웹사이트 (블로그) 속도 체크 & 향상 시키는 방법

안녕하세요. 낭만 부부입니다~

웹사이트 속도가 느리면 이탈률이 높아지고 자연히 블로그 지수가 낮아지게 됩니다. 컨텐츠의 질을 높이는 여러 가지 스킬 중에 제가 체크하는 한 가지는 속도입니다.

그리고 웹사이트 속도의 영향을 미치는 가장 큰 요인은 이미지의 용량입니다. 자바스크립트나 코딩의 구조는 그저 텍스트에 지나지 않을 뿐입니다. 때문에 이미지의 화질은 그대로 유지시키면서 용량을 줄이는 것이 관건입니다.

오늘 다룰 내용은 크롬 브라우저에만 적용되는 단점이 있습니다. 추후에 구글의 webp 가 표준 이미지 파일이 될 날을 고대하면서 오늘 포스팅을 진행해보겠습니다.

이미지 용량을 줄이는 방법은 아래 참조글을 보시면 되겠습니다.

웹사이트 (블로그) 속도 체크하기

Step 1 구글 서치 콘솔 (google searchconsole) 에 접속합니다.

핵심적인 웹 지표 - 모바일 - 열기

Step 2 특정 웹페이지 속도가 느림으로 체크됩니다

하단 상세정보를 클릭

Step 3 하단 느려진 페이지 URL을 클릭 > PAGESPEED INSIGHTS 클릭

Step 4 분석하는데 30~60초 정도 소요됩니다 > 페이지 스피트 지수가 출력됩니다.

아래 보시면 지수가 7이 나왔네요. 아주 느리다는 표시입니다.

Step 5 페이지를 더 빠르게 로드하기 위해 차세대 형식을 사용해 이미지 제공하기를 선택

차세대 이미지란? JPEG2000, JPEG XR, WebP와 같은 이미지 형식. 압축률이 높아서 속도가 빠르고 데이터 소비량도 줄어든다는 설명입니다.

구글 애널리틱스에 로그인 > 가로 3줄 메뉴 > 사이트 속도 > 각 페이지 별 로드 속도가 출력됩니다.

◆ 5초 미만이면 양호한 속도입니다.

Convertio — 파일 변환기

300가지 이상의 포맷 지원 저희는 300가지 이상의 서로 다른 파일 포맷 간의 25600가지 이상의 서로 다른 변환을 지원합니다. 다른 어떤 변환기보다 많은 수입니다. 신속 및 간단 페이지에 간단히 ��

convertio.co

Step 2 이미지 (jpg, png) 파일을 선택합니다.

Step 3 변환할 파일 포맷을 webp로 선택하고 변환합니다.

자~ 이제 변환된 이미지 파일을 첨부해서 블로그나 웹사이트에 업로드 하시면 됩니다.

하지만 webp파일은 크롬 브라우저에서만 동작합니다. 아직은 호환이 미흡한 과도기 파일이죠. 그래서 현실적으로는 jpg, gif, png는 용량을 줄이는 것을 생각해보시는게 현실적으로 좋은 것 같습니다.

안녕하세요. 낭만 부부입니다~ 사진의 화질을 떨어뜨리지 않으면서 용량을 줄이는 방법을 예전에 한 번 소개해 드린 적이 있습니다. [웹페이지 추천] http://tinyPNG.com 이미지 최적화, 배경 제거 이�

truesale.tistory.com

오늘 포스팅은 여기까지 입니다.