Оптимизация загрузки images

1. Одна большая. Меньше запросов к веб-серверу = меньшая нагрузка.

2. Тегом img загрузится быстрее.

Большое спасибо :)

да, конечно, тег img, а не images 🍾

есть такая техника объединения разных картинок в одну, называемая CSS Sprites. С ее помощью можно строить меню, делать феноменальные вещи - запрос к серверу один. Значительно сокращает нагрузку.

Разбиение изображение на несколько частей ускорит процесс загрузки (думаю знаете что менеджеры закачки разбивают файлы на несколько частей для ускорения), скорость не будет зависит от того в бекграунде или через <img /> вставлено изображение, разница лишь в том что, до полной загрузки изображения в бекгрунде юзер его не увидит, а при вставке через <img /> изображение будет появляться постепенно!

tobto, а подробнее можете рассказать?

KindGood, про нагрузку никто не спрашивал! И с чего вы взяли что

?

Просто интересно!

tobto, спасибо!

Я тоже так думал изначально. До проверки экспериментом все руки не доходят.

это, кстати, важно!

да, меня больше интересует процесс со стороны пользователя (посетителя сайта), а не с точки зрения нагрузки сервера. Хотя я понимаю, что это связано :)

Советы по "ускорению" Apache

5 простых способов “ускорения” сайта

Очередной обзор CSS Sprites http://habrahabr.ru/blog/webdev/33925.html. Здесь же узнаете о подводных камнях.

Это советы для апатча 2 только чтоли?

Техника сводится к тому, что есть большая картинка, содержащая простыню из маленьких картинок (все используемые на странице кнопочки, маркеры, да хоть смайлики). А далее эта простыня по-разному позиционируется средствами css для того, чтобы получить вид законченной страницы (каждая кнопка/маркер/смайл на своем месте).

Про апач: нет, техника универсальна, она требует лишь html и css. Однако народ обсуждал возможности подгрузки ряда маленьких изображений в рамках одной сессии, вот здесь они вопрос http протокола задели. Суть вопроса была в том, стоит ли использовать CSS Sprites или можно для стандартного кода (с кучей маленьких картинок) делать подгрузку одним запросом (в общем, именно этого добиваются, используя CSS Sprites). Ответ, насколько я понимаю, оказался положительным. Однако техника подгрузки ряда изображений средствами http-протокола не универсальна и работать будет не везде.

Я все же подумаю, прежде чем использовать CSS Sprites. Есть такие мелочи, которые использутся не везде (прозрачный png на фоне, например), но если их сделать в рамках CSS Sprites нельзя - возможно, эту технику в конкретном проекте не стоит применять.

Думайте сами, решайте сами.. must have или не must have..

Спасибо за разъяснения, но я про то что там советы выкидывают 500 ошибку)))