페이지 로딩 속도 줄이기
블로그에 글을 쓰다 보면 사진 또는 이미지를 다수 업로드하게 됩니다. 아무래도 사진이 포함된 글이 읽기도 좋고 글 전체의 볼륨을 풍부하게 하는 효과가 있는 것 같아서 저도 이미지를 많이 삽입하는 편입니다. 다만, 페이지에 이미지가 많이 포함될수록 전체 페이지의 트래픽 용량이 증가하여 페이지 오픈 시 응답을 느리게 하는 문제도 발생하게 됩니다. 아무래도 빠르게 열리는 페이지가 사용자에게도 좋은 영향을 줄 테니까요.
또한, 대부분의 사용자가 모바일 6인치 대의 화면으로 사용한다는것을 고려해 보면 고화질의 대용량 이미지 파일의 업로드가 과연 필요한 것인가 하는 합리적인 의문을 제기할 수 있습니다. 개인적으로는 고화질 이미지보다는 손실 압축된 이미지를 사용하여 페이지 로딩 속도를 빠르게 하는 것이 오히려 효과적일 것이라 생각하고 있습니다.
png, jpg 이미지 파일의 용량을 더 줄여보자
가장 많이 사용하는 이미지 포맷인 png 와 jpg는 손실 압축 알고리즘을 사용하여 이미지 파일의 용량을 최소화하는 파일 포맷입니다. 압축 이미지 포맷임에도 불구하고 파일에 따라 수 MB의 용량을 차지하기도 합니다. 수 MB 용량의 파일을 블로그에 수십 장 업로드 하기에는 부담이 있습니다. 이러한 jpg 나 png 파일의 용량을 더 줄이기 위해 저는 tinypng.com 사이트를 이용하고 있습니다.
TinyPNG – Compress PNG images while preserving transparency
Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!
tinypng.com
tinypng.com 은 무료이고 회원가입도 불필요
제가 tinypng.com 을 이용하는 이유는 1) 무료이고 2) 회원가입이 불필요한 사이트입니다. 인터페이스도 너무 간단해서 설명이 불필요하다고 볼 수 있습니다. tinypng.com 접속 후 압축할 파일을 화면으로 드래그해서 드롭하면 해당 파일의 용량을 줄인 후 다운로드할 수 있는 링크를 바로 제공해 줍니다.
심지어 20개 까지의 파일을 한 번의 드래그 앤 드롭으로 일괄 압축할 수 있습니다. 파일별로 압축 효율도 바로 확인할 수 있습니다. 파일 단위로 다운로드도 가능하고 zip 파일로 일괄 다운로드 기능도 제공하고 있습니다.
블로그 삽입 이미지는 압축 필수
블로그 글에 삽입되는 이미지 파일의 갯수가 많으면 많을수록 SEO 에도 영향을 주는 것으로 추정됩니다. 검색엔진별 알고리즘을 잘은 모르지만 페이지 내에 삽입된 이미지나 동영상의 수가 많다면 콘텐츠의 품부함으로 간주할 수 도 있을 테니까요. 조금은 수고스럽긴 하지만 블로그 삽입 이미지 파일의 용량을 줄이는 작업은 사이트의 빠른 응답을 위해 꼭 필요한 작업이 아닐까 생각해 봅니다.
'블로그' 카테고리의 다른 글
| 티스토리 카테고리 링크 구글 애드센스 에러 해결하기 (광고 안보이는 현상) (1) | 2020.07.21 |
|---|---|
| 티스토리 블로그 본문 중간에 구글 애드센스 광고 자동으로 삽입하기 (1) | 2020.07.19 |
| 티스토리 블로그 이미지 그림자 효과 주기 (0) | 2020.07.18 |
| 티스토리 블로그 글 목록의 요약내용 수정하기 (0) | 2020.07.17 |
| 티스토리 블로그 개인 도메인(2차 주소) AWS Route53 에 설정하기 (0) | 2020.07.13 |
