Bootstrap очень медленный, как сделать его быстрее

мой сайт : Дизайн Пряными

мой сайт медленный во время загрузки.css и js

время загрузки : 3.56 s (по pingdom) загрузчик.css: 97,9 КБ загрузчик.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, но время загрузки моего сайта низкое.

9
css css3 html html5 twitter-bootstrap

3 ответов

другое предложение-использовать сеть доставки контента, или CDN, который размещает ваши файлы, такие как Bootstrap и jQuery. Таким образом, если пользователь уже посетил сайт, где Bootstrap (или jQuery) загружается с использованием того же CDN, эти файлы будут кэшироваться в браузере.

еще одно преимущество CDN? Они, как правило, оптимизированы для быстрой доставки таких файлов пользователям (например., основываясь на местоположении пользователя, CDN решает лучший сервер/ самый быстрый - пользователь...)

быстрый поиск Google указывает на этот CDN для начальной загрузки:http://www.bootstrapcdn.com/

2

Как говорит pagespeed, включите сжатие 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>

будет сжимать ваши обычные подозреваемые, как они передаются клиенту.

3

проанализируйте свои классы и их свойства в CSS bootstrap.Может быть много свойств, которые могут вам не понадобиться. Таким образом, вы можете удалить это свободно. И сделайте один класс для обычно инициализируемых свойств. Таким образом, ваш код будет уменьшен. И это может повлиять на скорость вашей страницы. Спасибо.

0