CSS최적화2 CLS·LCP·INP 직접 잡은 경험기 - Core Web Vitals 실전 개선 CLS 수치 0.31. 구글 서치 콘솔에서 경고 메일을 받았을 때 저도 처음엔 이게 뭔 숫자인지 몰랐습니다. 페이지가 로드되면서 뭔가 살짝 밀리는 느낌은 늘 있었는데, 그게 구글한테 측정되고 있었다는 걸 그날 처음 알았습니다. 솔직히 그 전까지 Core Web Vitals라는 게 현실적인 SEO 영향력이 있는 건지 반신반의했습니다. 경고 메일을 받고 나서야 이걸 진지하게 보게 됐습니다.CLS를 잡는 데 이미지 태그 하나가 이렇게 중요할 줄 몰랐다CLS(Cumulative Layout Shift)란 페이지가 로드되는 동안 화면의 요소들이 얼마나 많이, 얼마나 크게 움직이는지를 수치로 나타낸 지표입니다. 쉽게 말해 "로딩 중에 화면이 얼마나 덜컹거리는가"를 측정하는 값인데, 구글은 0.1 이하를 좋음 기준으.. 2026. 4. 26. CSS Minify로 블로그 속도 올리기-Minify, PageSpeed, 백업 티스토리 스킨을 오랫동안 손대다 보면, 어느 순간 CSS 파일이 감당하기 어려운 크기로 불어납니다. 저도 반년 넘게 스킨을 수정하다 파일이 4,000줄을 넘어선 걸 뒤늦게 확인했습니다. 공백, 주석, 이미 덮어쓴 속성들이 쌓인 결과였습니다. 처음엔 그냥 뒀습니다. "언제 한 번 정리해야지"라는 생각이었는데, 그 타이밍은 스스로 오지 않았습니다. 아무도 "블로그 느려요"라고 말해주지 않으니까요. 독자들은 느리다고 느끼면 그냥 닫아버립니다. 그 사실을 나중에야 깨달았습니다.PageSpeed 점수가 58점이 나온 날구글 PageSpeed Insights로 블로그를 검사해봤더니 모바일 기준 58점이 나왔습니다. "렌더링 차단 리소스 제거"라는 항목이 경고로 떴는데, 처음엔 의미를 몰랐습니다. 알아보니 CSS 파.. 2026. 4. 14. 이전 1 다음
