워드프레스에서 티스토리로 이사하였는데, 에디터를 구텐베르크(워드프레스 기본)가 아닌 TinyMCE 계열을 썼더니 CLS 문제: 0.1 초과 문제가 사라지지 않더군요.
https://pagespeed.web.dev 사이트에서 분석해보니, 저에게 Cumulative Layout Shift (CLS) 0.1 초과 문제가 발생하는 가장 큰 원인은 이미지의 height 값을 지정하지 않았기 때문이라고 나왔습니다.
1000개가 넘는 포스팅을 일일이 수정하여 html 코드 보면서 이미지 width height 값을 추가할 것인가?
티스토리 블로그였다면 그렇게 했어야 했겠지요.
워드프레스는 php 기반이니, 효율적인 선택지가 있었습니다.
플러그인을 직접 제작해서 돌리거나, ssh로 접속해서 스크립트 넣고 돌리거나.
세상이 많이 좋아져서, AI한테 물어물어 뚝딱 스크립트 만들 수 있었습니다.
얼마나 좋습니까 ㅎㅎ
스크립트 돌리고 나서 분석을 다시 해보니, CLS 수치가 0.008 이런 식으로 소수점 세자리 부근에서 노는 것을 확인할 수 있었습니다.
(알바나 해볼까? 수치가 너무 잘 나오는데요? ^^;; )
아무쪼록 같은 문제를 겪고 계실 분들께 참고가 되었으면 하는 바램입니다.
