width и height для тега img
18 02 2008Всегда ставьте атрибуты width и height в теге <img>. Это позволит посетителям вашего сайта читать страницы даже пока картинки еще не загрузились.
Вот Лебедев постоянно пишет о том, что его что-то бесит и при этом его дневник имеет огромную популярность. Почему бы и мне не написать о том, что меня бесит, тем более если это имеет отношение к моей работе.
Так вот, меня бесит, когда люди не ставяь ширину и высоту у картинок. При просмотре сайта на медленных соединениях постепенная загрузка картинок приводит к тому, что страница постоянно скачет в бразуере и читать ее текст просто невозможно. Это неприятно когда есть одна или две картинки, это бесит, когда их много. После 3-х скачков я с сайта ухожу… Конечно если у вас уникальный жизненно необходимый контент, вы можете позволить себе наплевать на чувства посетителя, но всегда ли у вас такой контент?
Дальше про похожую ошибку в показе банеров…
На эту же тему хочу “похвалить” сайт РБК который при загрузке страницы открывает широкую рекламу, которая схлопывается через несколько секунд. Я думаю есть много пользователей, которые из-за этого испытывают исключительно негативные эмоции по отношению к рекламируемому товару. Я бы поувольнял рекламщиков, которые там работают, так как они своими действиями наносят вред своим клиентам.
This blog in english
Este blog en español
Бывают случаи, когда размер картинок заранее неизвестен, - такое бывает достаточно часто. Другое дело, что можно заранее продумывать такие случаи и контейнерам этих картинок давать фиксированные размеры. Или просто таким образом разрабатывать вёрстку, чтобы дизайн не плыл за время загрузки.