bootsrap js замедляет работу веб-страницы в IE

Я разработал одну страницу на своем сайте, используя twitter bootstrap. В это я включил ниже упомянутые js бутстрапа.

bootstrap-transition.js
bootstrap-alert.js
bootstrap-modal.js
bootstrap-dropdown.js
bootstrap-scrollspy.js
bootstrap-tab.js
bootstrap-tooltip.js
bootstrap-popover.js
bootstrap-button.js
bootstrap-collapse.js
bootstrap-carousel.js
bootstrap-typeahead.js

Эта страница отлично работает в FF и Chrome. когда я открываю эту страницу в IE и устанавливаю любой флажок, потребуется некоторое время, чтобы установить/снять этот флажок. и то же самое происходит в случае dtropwown, требуется некоторое время, чтобы развернуть / свернуть раскрывающийся список.

Поэтому я удалил один за другим все bootstrap js, это начало увеличивать производительность. и когда все bootstrap js были удалены, он начал работать нормально, как и другой браузер.

Так есть ли решение, чтобы решить эту проблему?

Заранее спасибо.


twitter-bootstrap performance internet-explorer slowdown
person Sagar Joshi    schedule 20.11.2012    source источник

Ответы (2)


arrow_upward
7
arrow_downward

Я использовал jquery-1.8.1.min.js в своем приложении.

И я решил свою проблему, просто заменив jquery-1.8.1.min.js на jquery-1.8.3.min.js

Теперь он отлично работает во всех браузерах, включая IE.

person Sagar Joshi    schedule 22.11.2012

arrow_upward
4
arrow_downward

Я скептически отношусь к тому, что вас замедляет количество JS. Например, вы получаете такую ​​же низкую производительность при нажатии кнопок на официальной странице документации Bootstrap? Я не.

Скорее я подозреваю, что у вас либо есть какой-то конфликт с другими библиотеками JS, либо у вас есть что-то искаженное в вашей разметке, из-за которой один из плагинов Bootstrap прикрепляет к странице ненормальное количество обратных вызовов.

Один из способов проверить последнее — модифицировать jQuery.on для вывода на консоль при ее вызове. Выполнение следующего после загрузки jQuery, но до загрузки библиотек Bootstrap поможет:

var old = jQuery.fn.on;
jQuery.fn.on = function (types) {
  console.log(types);
  return old.apply(this, arguments);
};

В документах Bootstrap зарегистрировано 50 слушателей, в основном клики.

В противном случае, по количеству JS, вы должны использовать агрегированную и минимизированную версию Bootstrap, например, BootstrapCDN. служит (bootstrap.min.js), а не все эти отдельные файлы. Используйте те, что находятся в разработке; используйте минифицированный в тестировании производительности / производстве.

person merv    schedule 20.11.2012