Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap is very slow how to make it faster

My site is : Design Spicy

my website is slow during the bootstrap.css and js

Load time : 3.56s (by pingdom) bootstrap.css : 97.9 kB bootstrap.js : 28.7

by 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).

i uses bootstrap for mobile optimize css but my site load time is low any suggestion.

like image 533
user3864461 Avatar asked Jul 25 '14 05:07

user3864461


People also ask

Why is Bootstrap so slow?

The simple answer is that anything you add to a website will slow it down. Bootstrap contains large css files which all need to be downloaded to the users' device, potentially slowing down the initial page views.

How can I make Bootstrap website faster?

Use Lean JavaScript and CSS You also need to pay attention to the fact that eliminating the duplicate code, unused selectors, and overly-nested rules will also help you to improve the speed of your Bootstrap website. However, you could also incorporate the use of tools to do the above-mentioned tasks.

Does Bootstrap slow down website?

Using Bootstrap on your project can slow down the website's load time and burden your server if you're not careful. To avoid this issue, make sure to only add the classes you need and use the minified version of the files.

Are Bootstrap websites fast?

Since Bootstrap makes it easier and faster to create responsive websites, it appeals to many front-end developers and beginners in particular. However, it's not recommended by all. Below we'll look at why Bootstrap is so popular and when it's ideal to use — and when it's not ideal.


1 Answers

Another suggestion is using a content delivery network, or CDN, that hosts your files like Bootstrap and jQuery. That way, if a user has already visited a site where Bootstrap (or jQuery) is loaded using the same CDN, those files will be cached in the browser.

Another advantage of CDN? They tend to be optimized for quick delivery of such files to users (for ex., based on location of user, the CDN decides the best server/ fastest - to the user...)

A quick Google search points to this CDN for Bootstrap: http://www.bootstrapcdn.com/

like image 59
Jack Avatar answered Nov 15 '22 23:11

Jack