Как обрабатывать много изображений на веб-странице? - PullRequest
0 голосов
/ 17 марта 2011

Итак, я создаю сайт, и я показал его коллеге-веб-разработчику. Я хочу сделать свой веб-сайт «визуальным опытом», и на каждой странице будет по крайней мере 30 миниатюр 50х50, изображение 120 х 100 и еще пара миниатюр. Это будет страница только для членов, так что вы можете изображения, чем больше зарегистрированных пользователей, у нас будет НАМНОГО больше изображений. фактически каждый участник может иметь свой собственный фотоальбом, который будет другим набором изображений.

Поэтому он действительно беспокоился о том, что мой сайт не будет оптимизирован, и сказал, что, если я не вложу деньги в ДЕЙСТВИТЕЛЬНО ДЕЙСТВИТЕЛЬНО ДЕЙСТВИТЕЛЬНО дорогой сервер, изображения не будут загружаться немедленно. Пользователям придется подождать несколько секунд для загрузки изображений.

Так что мне было интересно, есть ли способы исправить это? Когда я смотрю на атрибут src изображений веб-сайтов, таких как facebook.com, он обращается к таким местам, как http://profile.ak.fbcdn.net/hprofile-ak-snc4/27537_45309870078_2551_s.jpg.. Это какая-то техника хранения всех изображений на другом сервере / веб-сайте?

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

Ответы [ 5 ]

3 голосов
/ 17 марта 2011

Для этого существуют сервисы, называемые CDN, сети доставки контента .Некоторые из крупных сайтов имеют свои собственные.

2 голосов
/ 17 марта 2011
  1. Используйте множество доменов для своих изображений, поскольку браузеры имеют ограничение (IE: 2) на исходящее соединение с каждым доменом.
  2. Используйте заголовки истечения срока действия, чтобы избежать нескольких загрузок одного и того же изображения.
  3. Создание миниатюр на сервере (не изменяйте размер изображений в браузере) для минимизации необходимой пропускной способности.
  4. Инвестируйте в Akamai.
1 голос
/ 17 марта 2011

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

0 голосов
/ 27 декабря 2013

Вы также можете использовать nginx в качестве прокси-сервера перед сервером Apache.

0 голосов
/ 17 марта 2011

Помимо использования CDN, как предлагают другие ответы, также старайтесь избегать или задерживать загрузку изображений, которые вам не нужно загружать (пока).Пример. Произведите произвольный поиск картинок Google и пролистайте результаты.Посмотрите, как изображения загружаются только при прокрутке вниз? YUI 2 кажется хорошим вариантом для этого.

...