切断twitter bootstrap以提高页面加载速度

时间:2016-06-27 23:31:51

标签: html css twitter-bootstrap css3 twitter-bootstrap-3

我设计了我的网站,通过仅使用我网站上方的一小部分Twitter引导程序框架来优化上面的折叠内容,然后使用其中的一些其他部分。

我使用了一个缩小的浮动导航栏,容器类中的一些元素,以及所有加载到首屏的Twitter引导程序内容。

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

我的问题;是否有可能编辑twitter引导程序,只需剥离必要的部分即可首先加载而不会破坏引导程序?

1 个答案:

答案 0 :(得分:2)

这些是微观优化,只会让你感到很头疼,如果有的话。

除非您的网站每天为数百万用户提供服务或者同时显示大量内容(我的确意味着吨数,在这种情况下,简化您的网站!)您将看不到真正的好处提议。

你可以做的是聪明你的优化和方式。首先,如果您的整个站点仅使用Bootstrap的某些部分(即您从不使用Modals),请从他们的网站上自定义构建Bootstrap,其中包含您不想删除的内容。这将为您提供一组较小的文件,因此您可以减少向用户发送电子邮件,从而加快您的网站速度。

或者,如果您使用大量的库,则可以使用其现有的CDN(内容分发网络)。这将从许多人正在使用的单个URL提供js / css文件,这具有双重好处,您不必从您自己的服务器提供任何内容,只是链接到别人,并且还有很好的机会如果用户访问过使用过相同CDN的网站,他们的浏览器会将其缓存,使其显示时不显示任何网络调用。现在这很快!

最后,在考虑这类事情之前,有许多事情你会更好地进行优化。我建议您仔细查看YSlow plugin和最佳做法。你可以做很多事情来优化你的网站,而不是为了“折叠”内容而攻击Bootstrap。

相关问题