javascript - How to reduce the usage of heavy bootstrap css in production? -

i feel bootstrap heavy use in production using more bandwidth. there way short issue ? hope lot ways there. new development had keen interest know ..

you can use following methodologies improve site performance while using bootstrap.

method 1 : use minified versions of the .css and .js

method 2 : use gzip compression compress sent client browsers

method 3 : use cdn , content delivery networks helping serve commonly used css js contents. can use 1 of bootstrap cdn instructed bootstrap (https://getbootstrap.com/docs/3.3/getting-started/)

<!-- latest compiled , minified css --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u" crossorigin="anonymous">  <!-- optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rhyon1irsvxv4nd0jutlngaslcjuc7uwjduw9svrlvryoopp2bwygmgjqixwl/sp" crossorigin="anonymous">  <!-- latest compiled , minified javascript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-tc5iqib027qvyjsmfhjomalkfuwvxzxupncja7l2mcwnipg9mgcd8wgnicpd7txa" crossorigin="anonymous"></script> 

method 4 can customise using https://getbootstrap.com/docs/3.3/customize/ . here can choose needed components. improve performance