본문 바로가기

Blog/Thoughts

블로그 메인에 Masonry 레이아웃을 도입했습니다.

masonry 티에디션 적용


블로그 메인화면 속도향상을 위해서 작은 이미지로 대체하는 대신에 한번에 더 많은 글을 불러오게 만들었습니다. 티에디션에 스타일 설정하는 방법이 워낙 까다로워서 애를 먹긴 했지만 그런데로 볼만한것 같네요.

레이아웃 기반은 Masonry(http://masonry.desandro.com/)이며, 제이쿼리를 쓰지 않고 순수 css와 data-attribute만으로 구현 했습니다.

이미지를 원본이 아니라 압축되고 작은 이미지를 불러오니 메인 로딩속도는 오히려 줄었습니다. ㅎㅎ