Как я могу улучшить производительность своих сайтов IE6/7 JS?

Question

Итак, я недавно участвовал в переписывании сайта, и мы поехали вживую с тем, что сильно улучшило предыдущее во всех отношениях (нет, это не идеально, мы живем по срокам и всегда улучшаем: D) за одним исключением: в IE6/7 будет заблокирован после показа страницы. Я знаю, что это JS, так как с ним он отключается быстро, и я знаю о некоторых вещах, таких как плагин simplegallery, который мы используем очень медленно, но даже с этим, а объявления Google удалены, он все еще находится под обходом (+ 8 секунд). Я просмотрел профилировщика Firebug и сделал кучу изменений JS/CSS, такие как:

• Перемещение всех JS кроме нашей IMG обработки ошибок в нижней части страницы
• Улучшение все селекторы Jquery указать для лучшей производительности
• Переход к JQuery 1.4
• работает наш основной пользовательский JS (main.js) через JS Lint
• спрайтов, обычно используемые изображения
• Восстанавливающие CSS сложность селектора

Выполнение этого было полезно для всех браузеров, и я знаю, что могу сделать еще больше, но я не вижу существенного улучшения в IE6/7, которое мне нужно. Мы используем DD_roundies_0.0.2a.js для IE7, но не для IE6. Я попробовал DynaTrace, но не мог видеть ничего очевидного, хотя я немного потерял его глубину.

A sample listing page

A sample search page

Может кто-нибудь увидеть, что я мог бы быть здесь и/или пункт отсутствует в некоторых хороших инструментов IE профилирующих?

Редактировать: Я должен был упомянуть, что я прошел через YSlow, PageSpeed ​​и инструмент разработчика Chrome. Все из которых я использовал для большинства улучшений, упомянутых выше. На данный момент я не говорю, что сайт полностью оптомизирован, но все в порядке и движется в правильном направлении. Однако у меня проблема в IE6/7, и я считаю, что это выполнение JS.

Редактировать 2: Мы уже отправили метатег Chrome Frame для IE6 с сервера. Это не решение, но я вижу, что он делает больше пользы, чем вред для IE6. Я нахожусь после того, как JS специфицирует обратную связь в этот момент, поскольку я думаю, что я рассмотрел все остальные базы.

Answer 1

Вы можете вручную профиль вашего «common.js» сценарий в IE6. Просто возьмите новую метку времени в стратегических местах и ​​сообщите об этом в конце.

например.

function ts() { return (new Date).getTime(); } 
var t0 = ts(); 
// some of your code 
var t1 = ts(); 
// rest of your code 
var t2 = t(); 
alert(t1-t0); // milliseconds between t0 and t1 
alert(t2-t0); // ms between t0 and t2 

Возможно, одна часть сценария намного медленнее, чем остальная часть.
Или, может быть, это просто IE6.

Answer 2

Вы включаете jquery от http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js, он будет загружен быстрее, если вы разместите его на своем веб-сайте.

Кроме того, ознакомьтесь с дополнением YSlow к Firebug, он дает вам много информации о том, что вы можете сделать, чтобы улучшить время загрузки вашего сайта.

Answer 3

Если вы хотите быть радикальной силой ваших пользователей, чтобы установить рамку Google Chrome будет сделать IE использовать хромированную визуализатор и JavaScript двигателя

http://code.google.com/chrome/chromeframe/

Answer 4

В настоящее время подозрительным является только «omniture.js».

Это сообщение в блоге, которое я нашел относительно omniture.js and IE6.

Вы можете использовать SpeedTracer для Chrome для отладки ошибок. Конечно, скорость js будет соответствовать двигателю V8.

Answer 5

Сам JavaScript сам по себе не является проблемой, а когда вы изменяете DOM, вы оказываетесь в беде, например, анимация, добавление и удаление элементов. Будьте осторожны с непрозрачностью.

Answer 6

Посмотрите на LABjs & RequireJS: Loading JavaScript Resources the Fun Way, в котором рассказывается о том, как вы можете загружать скрипты параллельно.

До последнего поколения браузеров, тег не имел некоторые действительно неблагоприятные производительности характеристики на него. А именно, теги «block», то есть они вызывают остановку на все остальное, что загружается/происходит на странице, а они загружаются и во время их выполнения. Not только они останавливают все остальные части страницы , они даже использовали, чтобы остановить загрузку любых других тегов .