Question

我的网站是：Design Spicy

我的网站在bootstrap.css和js

期间很慢

加载时间：3.56s（ by pingdom ） bootstrap.css:97.9 kB bootstrap.js：28.7

来自Google pagespeed Checker的

Compressing http://designspicy.com/…tent/themes/desgnspycy/css/bootstrap.css could save 80.8KiB (82% reduction).
Compressing http://designspicy.com/…content/themes/desgnspycy/js/jquery-1.js could save 59.3KiB (64% reduction).
Compressing http://designspicy.com/…ontent/themes/desgnspycy/js/bootstrap.js could save 20.9KiB (73% reduction).
Compressing http://designspicy.com/ could save 10.8KiB (74% reduction).
Compressing http://designspicy.com/wp-content/themes/desgnspycy/style.css could save 5.9KiB (70% reduction).

我使用bootstrap进行移动优化css，但任何建议我的网站加载时间都很短。

Answer 1

正如pagespeed所说，在您的Web服务器中启用gzip压缩（对于文本内容 - 已经压缩了许多图像格式）。怎么做取决于你运行的服务器;对于Apache httpd 2.2，像

这样的咒语

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE \
  text/html text/plain text/xml application/xhtml+xml \
  text/css \
  text/javascript application/x-javascript application/javascript
</IfModule>

会压缩您的常见嫌疑人，因为他们会被传送给客户。

Answer 2

另一个建议是使用托管您的文件的内容投放网络CDN，例如Bootstrap和jQuery。这样，如果用户已经访问过使用相同CDN加载Bootstrap（或jQuery）的站点，那么这些文件将被缓存在浏览器中。

CDN的另一个优势是什么？它们往往经过优化，可以快速将这些文件传送给用户（例如，根据用户的位置，CDN决定最好的服务器/最快的 - 给用户......）

快速Google搜索指向此CDN for Bootstrap：http://www.bootstrapcdn.com/

Answer 3

在bootstrap的CSS中分析你的类及其属性。可能有许多属性可能不需要你。所以你可以自由地删除它。并为常用的初始化属性创建一个类。所以你的代码会减少。这会影响您的网页速度。谢谢。

Bootstrap非常慢，如何让它更快

3 个答案: