Research
새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift)
지난 chrome 86 업데이트에서 개발자도구 - Performance 패널 - Experience 섹션에 Cumulative Layout Shift (CLS) 라는 새로운 성능 측정 지표가 생겼습니다. CLS가 무엇인지 우리는 어떻게 대응할 수 있을지 정리해보았습니다.
관련 글
Research
(번역) 랜더링 성능을 향상 시키는 새로운 CSS 속성 content-visibility
content-visibility: the new CSS property that boosts your rendering performance 본 게시글은 https://web.dev/content-visibility/ 의 글을 번역 게시하였습니다. 8월 25일 Chrome 85에 추가된 content-visibility 속성에 대해 정리했습니다. 화면 밖 콘텐츠의 렌더링을 생략함으로써 초기 로드 시간을 개선합니다. Chrome 85에 더보기…
Research
CSS 애니메이션의 성능 아는 만큼 좋아져요!
본 문서는 원작자의 동의를 얻어 원문의 의미를 해치지 않도록 번역하였으며, 이해를 돕기 위한 Chrome DevTools 활용 방법을 추가했습니다. CSS 애니메이션의 성능 비교 웹 페이지에서 애니메이션을 어떻게 구현하고 계신가요? JavaScript animation? CSS animation? 웅성웅성뭐야 뭐라는ㄱ.. 라이브러리를 활용해 더보기…
1개의 댓글
UYEONG · 2014년 1월 16일 6:36 오후
LESS에 대한 좋은 예제를 보고 싶으시면 Bootstrap3 : https://github.com/twbs/bootstrap/tree/master/less 를 참고해주세요.