블로그스팟에서 신규 기능을 업데이트 했습니다. 구글 블로거 서비스가 몇 년 전 한번 업데이트 한 이후로 한번도 신규 업데이트 없었는데 9월에 이미지 지연 로드(lazy load), WebP 이미지 제공 신규 기능이 업데이트 되었네요.
블로거 신규 기능 이미지 지연 로드
구글에서 버린 줄 알아서 사용자들이 각자 도생하는 블로그스팟에선 사용자가 접속 시 한번에 모든 이미지가 떠서 페이지가 지연되는 현상을 막기 위해 이미지 지연 로드(lazyload)를 구현하기 위해 별도의 자바스크립트를 넣어야 하는 수고가 있었습니다.
저는 이 스크립트 자체도 lighthouse에서 지연 요소로 잡히는 현상이 싫어서 사용하지 않았었는데 이번 업데이트에서 설정을 통해 자동으로 이미지 지연 로드가 적용되도록 해주는 기능이 생겼습니다.
 |
| 블로거 설정에 새로 생긴 이미지 지연 로드 기능 |
 |
| 이미지 지연 로드 설정을 하면 img태그에 loading="lazy" 태그가 자동으로 붙습니다 |
 |
| 이미지 지연 로드 설정을 하지 않은 경우는 해당 태그가 없습니다 |
 |
| lighthouse 검사에서 Defer offscreen images 가 항상 나왔었는데 |
 |
| 이미지 지연 로드 설정 적용 후 사라지는 모습을 볼 수 있습니다. 소정의 점수 향상도 있네요 |
WebP 이미지 제공 기능
딱히 좋은 업데이트라고 보기 어려운 기능인 WebP 이미지 제공 기능입니다.
포스팅 작성 시 이미지 업로드 기능이나 향상 시켜줄 것이지 자기들 이미지 표시 용량을 줄이기 위해 포스팅에 있는 그림을 컴퓨터로 저장 시 WebP 파일로 저장되는 기능을 업데이트 했습니다.
 |
| jpg파일로 업로드한 이미지를 다운받으면 |
 |
| 원본 파일은 jpg 여도 다운로드는 webp 파일로 되는 걸 볼 수 있습니다 |
