티스토리 반응형 스킨 로딩속도 개선 실험 기록 코어 웹 바이탈LCPINPCLS크리티컬 CSS지연 로딩📑 목차개요: 목표와 베이스라인실험 설계(변수·측정·도구)개선안 6가지와 코드 스니펫전후 비교 결과이미지 슬롯·OG·ALT 규칙운영 루틴(월간 점검)배포 전 체크리스트최종 정리 개요: 목표와 베이스라인 목표는 LCP ≤ 2.5s, INP ≤ 200ms, CLS ≤ 0.1입니다. 최초 측정에서는 LCP가 큰 이미지/폰트 로딩 지연으로 3초대였습니다. 아래 개선안을 순차 적용하고 각 단계별로 측정했습니다.핵심: “첫 화면 자원 최소화”와 “레이아웃 이동 방지(CLS)”가 성능을 좌우합니다. 실험 설계(변수·측정·도구) 변수: 이미지 포맷/크기, 폰트 로딩, 크리티컬 CSS, 스크립트 로딩 방식, 광고 컨테..
