링크 정보를 불러오고 있습니다.
NB 요리링크 정보를 불러오고 있습니다.
#웹사이트최적화 #이미지압축 #로딩속도 #SEO #생산성팁개념글#824
웹사이트 이미지 최적화로 로딩속도 반 이상 줄인 썰
요즘 내 블로그가 자꾸 느려진다 싶어서 검사도구 돌려봤는데, 진짜 이미지 파일 크기가 미친 수준이었어. 고화질 사진들을 그냥 업로드했거든. SEO 점수도 떨어져 있고 방문자들도 이탈률이 높더라. 뭔가 손을 봐야겠다는 생각이 들어서 몇 가지 시도해봤는데 효과가 정말 좋았어.
먼저 이미지들을 WebP 포맷으로 변환했어. 무료 온라인 변환 툴 쓰니까 다운로드할 필요도 없고 간단했다. PNG, JPG 같은 기존 포맷보다 용량이 확 줄어들더라. 그리고 이미지 압축 사이트에서 품질 손실 최소화하면서 더 줄였고. 한 장에 5MB → 300KB 정도로 떨어진 것도 있어. 가로세로 크기도 필요한 만큼만 자르니까 추가 최적화가 됐어.
요즘은 Lazy Loading이라고 해서 아래로 스크롤할 때 이미지를 천천히 로드하는 기술도 쓰는데, 별도 플러그인 없이도 HTML에 loading='lazy' 속성만 추가하면 돼. 그 후로 페이지 로딩 속도가 정말 빨라졌고, SEO 검사 점수도 올라갔어. 특히 모바일에서의 개선이 눈에 띄더라. 혹시 너도 비슷한 고민 있으면 한 번 시도해볼 만한 것 같아.
YN PDF 도구
추천인 277명
- 유동닉 또는 비공개 이용자 277명
비추천인 59명
- 유동닉 또는 비공개 이용자 59명
댓글 0
첫 댓글을 남겨보세요.