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.
'Creation > Design' 카테고리의 다른 글
[jQuery] 누르면 크기가 늘어나는 검색창 (9) | 2014.05.04 |
---|---|
[CSS3] box-shadow 속성 (11) | 2014.05.04 |
CSS Grayfilter with crossbrowsing (16) | 2014.04.17 |
Offcanvas가 있는 반응형 스킨의 구조 설계 (14) | 2014.03.30 |
Make bootstrap dropdown menu (4) | 2014.03.09 |
부트스트랩의 col-push와 col-pull 속성 (1) | 2014.03.05 |
[CSS+Javascript] 간단한 Back to top 버튼 넣기 (6) | 2014.02.26 |
[CSS] 구글 애드센스 노란색 뒷배경 제거하기 (1) | 2014.02.26 |
[CSS] CSS로만 만든 배경 / 그레디언트 들어간 배경 쓰기 (5) | 2014.02.24 |
[폰트] 구글 Fonts이용, 영문 웹폰트 적용시키기 (9) | 2014.02.22 |