分割 twitter 引导程序以提高页面加载速度

Question

我已经设计了我的网站来优化首屏内容，方法是只使用我网站首屏上方的一小部分 twitter 引导框架，然后使用首屏下方的其余部分。

我使用了一个缩小的浮动导航栏，来自容器类的一些元素，这就是在首屏加载的所有 twitter 引导内容。

我想知道我是否可以编辑 bootstrap.css 文件以取出这些部分并将它们内联到我的 html 页面的头部，然后推迟加载 css 的其余部分，因为我不需要这么快。

我的问题；是否可以编辑 twitter 引导程序，并在不破坏引导程序的情况下剥离必要的部分以首先加载？

Answer 1

这些是微优化，只会让您头疼，但收益甚微。

除非您的网站每天为数百万用户提供服务或同时显示大量内容（我的意思是大量内容，在这种情况下，请简化您的网站！）您不会发现您的网站有什么真正的好处正在提议。

您可以做的就是巧妙地了解您优化的内容和方式。首先，如果您的整个网站仅使用 Bootstrap 的某些部分（即您从不使用 Modals），请从他们的网站上自定义构建 Bootstrap，其中包含您不想删除的内容。这将为您提供较小的文件集，因此您向用户发送的信息会更少，从而加快您的网站速度。

或者，如果您使用大量库，则可以只使用他们现有的 CDN（内容分发网络）。这将从许多人正在使用的单个 url 提供 js/css 文件，这具有双重好处，您不必从自己的服务器提供任何内容，只需链接到其他人，而且还有一个很好的机会如果用户访问了一个使用相同 CDN 的站点，他们的浏览器会缓存它，使其在没有任何网络调用的情况下显示。现在速度很快！

最后，在考虑这类事情之前，您最好先完成许多优化任务。我建议你好好看看YSlow plugin 和最佳实践。您可以做很多事情来优化您的网站，而无需为了“首屏”内容而破解 Bootstrap。