<img>, ресайз, скорость загрузки

width="" height=""

Если задано браузеру заранее резервирует место в памяти и не расчитывает сам размеры картинки, что положительно сказывается на скорости загрузки страницы.

Вот здесь хорошо расписано: http://www.xiper.net/manuals/html/tags/img.html

Естественно браузер. Серверу пофик, что там в html, он его просто отдает как есть.

Да и это не ресайз, браузер просто сжимает или расширяет изображение до указанных велични, но файл картинки при этом никак не изменяется.

При указании размеров картинок увеличивается, вроде как, не скорость загрузки картинок, а скорость загрузки страницы целиком.

То же касается и размеров div-ов и ячеек таблиц.

До тех пор, пока браузеру не будут известны точные размеры всех элементов, он не сможет отобразить страницу в том виде, в котором она должна быть.

Поэтому, есть два варианта:

1. Либо браузер дожидается загрузки всех элементов с неизвестными размерами, а потом отображает всю страницу.

2. Либо браузер отображает страницу "как есть", основываясь на уже полученной информации, и по мере поступления новой информации изменяет размеры некоторых элементов.

В первом случае пользователь сначала ждёт, а потом видит всю страницу сразу в окончательном варианте.

Во втором случае пользователь видит, как страница во время загрузки дёргается туда-сюда, расползается, некоторые элементы меняют размеры и местоположение.

Вот этот второй вариант, когда браузер рендерит страницу "на лету", сейчас используется повсеместно. И в этом случае нет разницы, указаны ли размеры изображений :)

Сенк, про размеры понял, а про относительные и абсолютные пути к картинке есть мнения?

Хочу перенести все картинки на субдомен, эффект на скорость загрузки будет существенный? Стоит заморачиваться?

Эффект будет заметен только по нагрузке на сервер, при условии высокой посещаемости сайта, и при том, что на поддомене работает отдельный сервер, раздающий статику.

Если честно - вы на какой-то ерунде зациклились. Это настолько мизерные затраты... если конечно у вас нам не по 500 изображений по мегабайту каждая или 100000 юзеров онлайн.

Чего вам так дались эти картинки? Чего добиваетесь-то? Какие показатели посещаемости у сайта?

Спасибо. Не буду пока этим заморачиваться. Хочу просто обеспечить быструю загрузку. Интересно было узнать, на сколько существенное влияние именно этих факторов. Люблю подходить к делу фундаментально, зачем потом переделывать? ;)

"Преждевременная оптимизация — это корень всех бед" (с) Дональд Кнут

Хоть это немного не про то, но суть та же :)

Очень странно, что вы накинулись на картинки. Почему не спрашиваете про масштабируемость приложения или там оптимизацию SQL-запросов? :)

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

Иду по списку Page Speed сверху вниз. После оптимизации кэша, картинки у меня на втором месте. Хочется уже их раз сделать хорошо, чтобы не возвращаться к этому вопросу. Вот и уточнял все детали.

Начните тогда от сюда http://webo.in/