html - Bootstrap 很慢如何让它更快

标签 html css twitter-bootstrap

我的网站是:Design Spicy

我的网站在 bootstrap.css 和 js 期间很慢

加载时间:3.56 秒(通过 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 但我的网站加载时间很短任何建议。

最佳答案

另一个建议是使用内容分发网络或 CDN 来托管您的文件,例如 BootstrapjQuery。这样,如果用户已经访问过使用相同 CDN 加载 Bootstrap(或 jQuery)的站点,这些文件将缓存在浏览器中。

CDN 的另一个优势?它们往往经过优化以快速将此类文件交付给用户(例如,根据用户的位置,CDN 决定最好的服务器/最快的服务器......)

Google 快速搜索指向这个用于 Bootstrap 的 CDN:http://www.bootstrapcdn.com/

关于html - Bootstrap 很慢如何让它更快,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24948530/

相关文章:

javascript - Bootstrap Accordion 阅读更多/更少

java - 是否有任何 Java HTML 解析器生成的节点保留原始文本的索引?

javascript - <option> 的图像在 firefox 中有效,但在其他浏览器中无效

html - 子导航 css- 在悬停位置显示

javascript - 扩展 bootstrap jQuery 模态

html - 具有不同高度列的 Bootstrap 行

html - 圆形容器的悬停效果

javascript - JQuery - 只展开一个元素

html - Textarea 不填充父 div 的高度

html - 相对于其原始高度降低 div 高度