Question

我觉得bootstrap在使用更多带宽的生产中很重要。有没有办法缩短这个问题？我希望有很多方法。作为一个新兴的发展我非常感兴趣知道..谢谢

Answer 1

如果您还没有，那么您应该使用缩小版本的bootstrap（基本上它与普通的bootstrap相同，没有任何空格/空格，因此文件大小更小，运行速度更快）。

Answer 2

您可以下载less files（第4版中的scss文件）并构建自己的＆＃34; bootstrap css＆＃34;只有你需要的零件。或者您可以自定义here如果＆＃34; less＆＃34;部分是为了你复杂。正如达人所说，请确保使用它的缩小版本。更友好的是使用CDN，因为这有助于浏览器缓存。

Answer 3

使用bootstrap时，您可以使用以下方法来提高网站性能。

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

方法2：使用gzip压缩来压缩发送到客户端浏览器的所有内容

方法3 ：使用CDN，内容分发网络确实有助于提供常用的css js内容。您可以使用Bootstrap本身（https://getbootstrap.com/docs/3.3/getting-started/）

指示的其中一个bootstrap cdn

<!-- 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>

方法4 您可以使用https://getbootstrap.com/docs/3.3/customize/进行自定义。在这里您可以选择所需的组件。这也将提高性能

如何减少重型bootstrap css在生产中的使用？

3 个答案: