ABOUT ME

-

Today
-
Yesterday
-
Total
-

CSS 성능을 높일 수 있는 CSS BEM 방법론

하단의 참고 사이트를 읽고 이해한 것을 정리 하였으며, 천천히 차근 차근히 정독 하셔야 이해가 될 것이라 예상 됩니다, 그리고 혹시 잘못 이해한 것이 있으면 댓글로 알려주시면 정말 감사 하겠습니다. bem 스타일에 대해서 소개하기 앞서 오늘날 대부분의 기기는 초당 60회의 빈도로 화면을 새로 고칩니다. 각 프레임에는 16ms 가량의 시간만 할당 되는데(1초/60 = 16.66ms) 실제로 브라우저는 실행준비를 해야하므로 10ms 내에 모든 작업을 완료해야 합니다. 제한 시간을 충족 하지 못하면 버벅거림 현상이 발생하며 사용자에게 거부감을 줍니다. 완전 간단하게 이야기를 하자면 브라우저가 렌더링을 하는데 여러가지의 과정들을 거쳐서 렌더링이 되는데 그 과정중에서 스타일을 재계산 하고 페이지 또는 페이지 일부를 리플로우 하게 만드는 과정중에 브라우저는 selector들의 모든 스타일 규칙을 가져와서 마지막 스타일을 계산을 합니다.

최근 포스트

Designed by Tistory.