Блог про блоги от Дмитрия Донченко

Сегодня как и обещал, продолжение поста на тему “Оптимизация блога“, опять говорим о картинках.

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

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

Указать размеры картинки в блоге можно несколькими способами:

1. При редактировании кода, к тегу картинки <img … добавляются два параметра height=”высота изображения в пикселях” и width=”ширина изображения в пикселях”. Выглядит примерно так:
   <img src=”test.pg” height=”100″ width=”100″>
2. В режиме визуального изображения, при нажатии на кнопку вставки изображения (которая в стандартной форме редактирования выглядит как иконка с деревом, вы указываете ширину и высоту картинки в форме, в полях с названием “Dimensions”
   
3. Если вам лень, постоянно указывать размеры изображения или у вас возникают какие-то проблемы с этим, вы можете воспользоваться плагином iMax Width основная задача плагина, заключается в том, что он автоматически уменьшает ширину картинки, до той которая будет установлена в настройках. Это что бы картинки в вашем блоге не ломали структуру блога. Например когда картинка, которую вы пытаетесь вставить в пост, слишком широкая, что бы полностью отображаться в вашем блоге, плагин делает ее меньше. И кроме этого он автоматически указывает размеры изображения, если вы забыли это сделать сами.

Что же происходит, когда браузер открывает страничку на которой есть изображение с установленными размерами? Зная размеры изображения, браузер резервирует место под картинку, параллельно продолжая загружать остальное содержимое странички. В результате картинка еще может не открыться до конца, а страничка уже будет загружена.

Funny Martial Arts - сегодняшний спонсор поста.

Если вам понравился этот блог, вы можете подписаться на обновления блога через RSS ленту, или по E-Mail. Спасибо за визит!

Теги: WordPress, Дизайн, Оптимизация блога, Плагины

Эта запись была написана 28.01.2008 в 11:14 дп в категорию Оптимизация блогов.

Вы можете оставить отзыв, или ссылку с вашего сайта.