Помогите ускорить работу сайта, особенно в IE8

Question

С чего бы начать, если бы вы пытались ускорить загрузку этой веб-страницы?

Сайт: Перчатка для игры

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

Если есть баннер в формате Flash или JavaScript, который, как известно, хорошо выглядит, работает на основе XML и фактически использует преимущества параллельной загрузки, пожалуйста, дайте мне знать. Я решил предварительно загрузить группу изображений размером 250 пикселей, которые появляются в нашей галерее Flash, чтобы использовать преимущества параллельных загрузок, которыми не пользуется наш предпочтительный баннер Flash.

Кроме этого, на вкладке Firefox Firebug NET я вижу:

1. Первоначальный запрос gameonglove.com занимает 6,75 с. Это кажется высоким. Интересно, могу ли я начать сокращать его, упаковав большую часть JavaScript во внешние файлы.
2. Чтобы уменьшить наше огромное количество изображений, я мог бы заменить белый фон с серыми границами на какую-то закругленную границу вместо выделения изображения для каждого фона.
3. Загрузка файлов Facebook, addthis.com и google-analytics.com занимает около 7 секунд, а остальная часть загрузки страницы приостанавливается. Проблема в том, что они ждут, пока событие onLoad не сработает, я полагаю. Я не уверен, что еще использовать в качестве триггера события, но мне, вероятно, не стоит прибегать к чему-то другому.
4. Я не совсем уверен, какие имена хостов оставить, а какие разместить на нашем сервере, чтобы оптимизировать соотношение DNS и параллельной загрузки.

Исключение поиска DNS сокращает время отклика, но сокращение параллельных загрузок может увеличить время отклика. Моя рекомендация - разделить эти компоненты по крайней мере на два, но не более четырех имен хостов. http://developer.yahoo.com/performance/rules.html

Помощь будет принята с благодарностью.

Answer 1

Количество файлов, загружаемых этим сайтом, действительно снижает производительность. Исследования показывают, что накладные расходы на файл являются гораздо более значительным эффектом, чем размер файла (для типичного сценария, изображения, файлов CSS).

Итак, некоторые действия:

1. Консолидация Javascript в минимально возможное количество файлов.

2. Используйте атрибуты Async и Defer, чтобы JS не замедлял загрузку страниц .

3. Консолидация CSS в минимально возможное количество файлов.

4. Объединение изображений в Спрайты CSS .

5. Убедитесь, что ваш сервер кэширует файлы!

6. Включите кодировку Gzip на сервере.

7. Максимально избегайте перенаправлений (301, 302) (но сохраняйте старые URL-адреса или потеряйтеклиенты).Проверьте журналы веб-сервера для выявления и устранения проблем.

8. Получите более быстрый хост сайта / домена.:)

См. Также:

• Оптимизация сайта
• Рекомендации по ускорению работы в ИнтернетеСайт
• Webmasters.stackexchange.com

Answer 2

Вы можете попробовать Pingdom , который просто измеряет время загрузки объектов (без времени обработки JavaScript или чего-либо подобного).

Я протестировал ваш сайт, и похоже, что он требует> 1,7МБ информации, которая может быть частично там, где происходит ваше замедление.