Javascript 如何在生产中减少重引导css的使用？

我觉得bootstrap在生产中很难使用，因为它占用了更多的带宽。有没有办法缩短这个问题？我希望有很多方法。作为一个新手，我很想知道。。谢谢

如果您还没有，您应该使用简化版的引导（基本上与普通引导相同，没有任何空格/空格，因此文件大小更小，运行更快）

您可以下载（v4中的scss文件）并使用您只需要的部分构建您自己的“引导css”。或者，如果“较少”部分对您来说太复杂，您也可以对其进行定制。正如Daren所提到的，确保使用它的缩小版。另外，更友好的做法是使用CDN，因为它有助于浏览器缓存。

在使用引导时，您可以使用以下方法来提高站点性能

方法1:使用所有.css和.js的缩小版本

方法2:使用

gzip

compression压缩发送到客户端浏览器的所有内容

方法3:使用CDN，内容交付网络确实有助于为常用的

css

js

内容提供服务。您可以使用引导程序本身所指示的引导程序cdn之一（）

---

方法4您可以使用。在这里，您可以选择所需的组件。这也将提高性能

自定义下载页面的好处在于，它还将为您提供一个“config.json”文件，这样您可以在不单击所有这些框的情况下反复更新，并保持自定义版本的一致性。

<!-- Latest compiled and 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 and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>