Производительность - некоторые изображения загружаются медленно - PullRequest
0 голосов
/ 12 октября 2011

У меня есть веб-сайт, который имеет некоторые проблемы с производительностью.
Некоторым изображениям требуется много времени для загрузки браузерами.

Кажется, проблема связана только с изображениями (не js scripts или css)

Я использую Сетевую панель в Инструментах разработчика Google Chrome.

Эти изображения не большие ... некоторые из нихменее 1 КБ, но может потребоваться более 30 секунд!

Изображения, которые загружаются медленно, не всегда одинаковы ... они меняются от istance к istance.

О проблеме сообщают из-за большого количествапользователей в разных географических областях ... поэтому я не думаю о проблеме с моим соединением.

Инструменты разработчика говорят, что иногда много времени уходит на Получение для некоторых другихмного времени уходит на Ожидание

Кстати, я не уверен в том, что означают эти ярлыки (ожидание, получение, блокировка, ecc)гид от гугла, кто-то знает больше?

В чем может быть проблема?

1 Ответ

2 голосов
/ 14 октября 2011

Проблема в том, что у вас много маленьких изображений. Каждое отдельное изображение необходимо загрузить с помощью HTTP-вызова со всеми заголовками и задержками. так что это вызывает много HTTP-запросов для небольшого объема данных. Лучше всего использовать спрайт изображений, чтобы снизить задержку загрузки изображений. Имея спрайт изображений, вы просто вызываете сервер для небольших изображений и получаете все изображения.

Ваше решение использует спрайт изображений. Точно так же, как Google и Facebook. Вот их спрайты, и вот руководство для этого: CSS-спрайты: поцелуй смерти при разрезании изображения :

enter image description here enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...