CSS content-visibility를 활용한 렌더링 성능 향상
Mastodon에서 19,000개의 커스텀 이모지를 포함한 emoji-picker-element
라이브러리 사용 시 성능 문제가 발생했습니다. CSS content-visibility
를 사용하여 크롬에서 15%, 파이어폭스에서 5% 성능이 향상되었으며, 추가적인 'lazy loading' 방식을 도입해 두 브라우저 모두에서 약 45%의 성능 개선을 이뤘습니다.