Bootstrap Customize - Boost your bootstrap

Posted by Readiz
2014.03.16 00:24 Creation/Design

  Yeah, Bootstrap is a big library. It's useful and powerful, but its loading time is a dilemma. It is inevitable because it includes many features. Fortunately, Bootstrap gives you a choice. Less default of bootstrap. It is great and very powerful function.


  For me, there is a very big change.

  


  Focus on the size of files. 


Default bootstrap.min.css: 101KB

Customized bootstrap.min.custom.css: 66KB (almost 60% of the original file)


Default bootstrap.min.js: 28KB

Customized bootstrap.min.custom.js: 3KB (1/9 of the original file!)



 Definitely, less file size drives less loading time. It's important. So, How can you customize your bootstrap?





  Off the check what you don't need. Many of them don't need for me or you. If you don't certain what you need, check out the page of CSS or Component page.


And after finish your job, you can find download button from the bottom of the page.


  This button gives you 'bootstrap.zip' file. After downloading, unzip and enjoy :)



+ Bug report

  Navigation bar(navbar) doesn't collapse when using this solution.


저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. Thank you !
    • 이게 의미하는 바는 다음 버전이 더 빨라진다는거죠.. ㅋㅋ
      조금 더 빨라진거 혹시 느껴지시나요?
    • 앗 그런 의미였군요.... 속도 부분에 대해서는 신경을 쓰지 않았는데... 다시한번 체크 해봐야 겠습니다. 1.3 버전에서는 이미 적용이 된건가요?

      아니면,,,, 부트스트랩 파일을.. 위의 커스터마이징 하는 페이지 가서.. 별도로 설정 해서 용량을 줄인거 다운 받아서 다시 업로드 해야 하는 건가요?
    • 리드이즈님 블로그가... 로딩속도가 굉장히 빨라졌네요.... 이.. 비결은 다음 버전에서 공개 되겠죠?
    • 네 근데 정말 많이 만지고 있습니다. 저도 어디를 손댔는지 이제 기억도 나지 않을 정도네요 ^^;
  2. 보통 CSS는 컴파일해서 빡세게 압축시키는게 정설인데 여태까지 비 압축 버전을 사용하셨나보네요 ㅎㅎ;
    • 압축을 하지 않은 것은 아니고, bootstrap에서 안쓰는 기능들을 다 제거했습니다. ㅋㅋ 압축이야 안하면 원체 느려터져서..

티스토리 툴바