같은 연출, 다른 CLS: transform을 제외한 설계 의도를 찾아서
height 애니메이션을 transform 기반 모션으로 분리해 연출을 유지하면서 CLS를 낮췄습니다. 로컬 프로파일링과 운영 데이터로 레이아웃·메인 스레드 작업 감소를 확인했습니다.
#CLS#transform#web-performance
600
태그
transform 기술 블로그 글
transform 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 3개최신 3개 표시
관련 태그
최신 게시글
3개 표시
사파리, 모바일 환경에서의 트러블슈팅
사파리와 iOS에서만 나타나는 스크롤·회전 관련 동작 차이를 사례별로 설명했습니다. 브라우저 감지보다 실제 동작 기준으로 보정하는 접근을 권장했습니다.
#Safari#mobile#scrollTop
4800
사파리, 모바일 환경에서의 트러블슈팅
웹 성능 최적화 - 렌더링 최적화
브라우저 렌더링 경로와 Reflow·Repaint가 애니메이션 성능에 미치는 영향을 설명했습니다. 사운드 미터 비교를 통해 transform 기반 구현의 Layout 비용 감소를 확인했습니다.
#성능#렌더링#CSS
3700
웹 성능 최적화 - 렌더링 최적화