이미지 비율 동적 예약으로 워드프레스 CLS 0점 자동화: 레이아웃 밀림 완벽 해결
지난번 포스팅(워드프레스 갤러리 CLS 최적화 가이드)에서 Meow Gallery의 고질적인 CLS 문제를 해결하기 위해 aspect-ratio 속성을 활용한 반응형 대응법을 다뤘었죠. 덕분에 CLS 점수 문제는 깔끔하게 해결되었습니다. 하지만 운영을 하다 보니 또 다른 벽에 부딪혔습니다. 바로 이미지 비율의 다양성입니다. 모든 이미지가 4:3 비율이면 좋겠지만, 때로는 넓은 파노라마 사진이나 세로가 긴 이미지를 갤러리 첫 단에 배치해야 할 때가 … 더 읽기