Загрузка страниц в IE очень медленная по сравнению с другими браузерами

Question

Когда я загружаю главную страницу веб-сайта, на котором я работаю для в IE, для полной загрузки требуется около 7 или 8 секунд (то есть «Waiting for» и «(x items remaining)» исчезают и меняются на "Done".

Точно такая же страница занимает примерно половину времени в Firefox и Google Chrome, и я просто не могу понять, в чем причина различий.

Это просто общая медлительность IE, или это нечто большее? Сам сценарий на стороне сервера выполняется около 45 мс, так что это не проблема, однако мне интересно, может ли наша перезапись URL быть причиной. Опять же, почему только IE?

Answer 1

Вот точки, по которым YSlow говорит, что вы должны улучшить:

YSlow: Оценка E, общий балл 55/100

Делится на сорта:

• F:
  1. Делать меньше HTTP-запросов
     • Использование сети доставки контента (CDN)
     • Добавить заголовки Expires
     • Сжать компоненты с помощью gzip
     • Поместить JavaScript внизу
     • Настройка тегов сущностей (ETags)
• E:
  1. Избегать фильтра AlphaImageLoader
• C:
  1. Уменьшить поиск DNS
     • Сокращение JavaScript и CSS

Вы можете прочитать о том, как исправить эти проблемы здесь . Я бы уделил особое внимание предупреждению AlphaImageLoader, поскольку оно относится к IE. Это также вызывает несколько запросов и является медленным, особенно когда есть несколько изображений, которые необходимо отфильтровать. Вместо этого вы можете попробовать использовать .gif-изображения, поскольку IE может обрабатывать их самостоятельно.

Google Скорость страницы дает вам следующее:

Общая оценка: [Оценка: 17,9%]

• Использование кэширования в браузере [Score: 0%]
• Объединить внешний JavaScript [Оценка: 47%]
• Минимизировать поиск DNS [Оценка: 57,1%]
• Включить сжатие GZIP [Оценка: 78,2%]
• Использовать кэширование прокси [Оценка: 71,6%]
• Сократить JavaScript [Рейтинг: 68,5%]
• Оптимизация изображений [Оценка: 65%]
• Укажите размеры изображения [Оценка: 45,8%]
• Удалить неиспользуемый CSS [Score: 33%]
• Используйте эффективные селекторы CSS [Score: 89%]

Вы можете прочитать о лучших практиках Google здесь и узнать, как улучшить время загрузки и эффективность сайта. Обратите внимание, что у Google есть некоторые практики, которые не считаются хорошими практиками в повседневной веб-разработке, такие как не создание ссылок на внешние таблицы стилей (это дополнительный запрос), но большинство сайтов НЕ будут страдать от ссылок на внешние таблицы стилей. Так что вам придется рассмотреть каждое «правило» и спросить себя, нравится ли вам это и будет ли оно полезным.

Answer 2

Основная проблема, которую я обнаружил между IE и FF:

IE: сначала загрузка полного содержимого (текст, изображения, CSS, JS), а затем отображение страницы.

FF: сначала отображение страницы, затем загрузка текста. Отображение страницы. Затем другие источники (изображения, CSS, JS)

.

Так вот почему FF быстрее отображает страницы.

Regaerds

Answer 3

Мне понадобилось 10 секунд, чтобы загрузить вашу страницу в Firefox. Разница, которую вы видите, - это, вероятно, разница в кешировании между разными браузерами - попробуйте очистить кеш в Firefox (Инструменты> Очистить личные данные), и вы, вероятно, увидите такую ​​же медлительность.

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

Answer 4

Для начала я бы посмотрел сеть, используя Fiddler, как для IE, так и для FireFox. Посмотрите, есть ли существенная разница в порядке ресурсов, которые они загружают, и времени, которое требуется.

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

После анализа вы лучше поймете, является ли IE медленным и где он медленный.