LIGHTHOUSE2 WebP·AVIF 이미지 최적화 (포맷 비교, 자동화, 성능 측정) 모바일 페이지 한 장을 여는 데 이미지가 평균 1.3MB 이상을 차지합니다. 처음 제 블로그의 PageSpeed Insights 점수가 40점대로 찍혔을 때, 지적 항목 1순위가 항상 "차세대 형식으로 이미지 제공"이었습니다. 그때는 그게 뭘 뜻하는지도 몰랐는데, 지금 돌아보면 그 한 줄이 이 모든 삽질의 시작이었습니다.솔직히 그 전까지는 이미지 최적화를 "귀찮은 추가 작업" 정도로 여겼습니다. 글 내용이 중요하지 이미지 파일 형식 같은 건 크게 중요하지 않다고 생각했는데, 실제로 해보니 완전히 틀린 생각이었습니다. 이미지는 대부분의 블로그에서 페이지 무게의 절반 이상을 차지합니다. 이걸 최적화하지 않으면 다른 모든 최적화 노력이 절반짜리가 됩니다.WebP와 AVIF, 무엇이 다른가두 포맷을 두고 "AV.. 2026. 6. 14. 웹 접근성(WCAG)색상 대비율·포커스 표시로 SEO 점수까지 올리는 방법 웹 접근성이라는 단어를 처음 들었을 때 솔직히 코웃음을 쳤다. 화면 잘 보이고 클릭 잘 되면 끝 아니냐는 생각이었다. 지금 생각하면 부끄럽지만, 그게 당시 현장에서 일하는 개발자 상당수의 실제 인식이었을 것이다. 아무도 반박하지 않았으니까.접근성을 진지하게 보게 된 건 데이터 때문이었다. 접근성을 개선하고 나서 SEO 점수와 체류 시간이 올라가는 수치를 직접 봤을 때 비로소 이해가 됐다. 의무감으로 이해한 게 아니라 결과로 이해한 것이다. 그 순서가 나 같은 사람한테는 훨씬 잘 통했다. 물론 "결과가 좋아야 움직인다"는 이 태도 자체는 비판받아 마땅하다. 하지만 현실이 그렇다면, 그 현실에서 출발하는 편이 낫다고 생각한다.10년 넘게 현장에서 일하면서 느낀 건 하나다. 접근성은 장애인을 위한 시혜가 아니.. 2026. 5. 5. 이전 1 다음
