5 советов вебмастеру, использующему графику на собственном сайте!
Каждый владелец сайта при его проектировании стремится создать такой сайт, который бы быстро загружался в браузере посетителя. Для этого он идет на различные хитрости, оптимизируя код страницы, но забывает о графике. Он использует на страницах сайта различные графические элементы, меню, «приколы», забывая о том, что все это увеличивает время его загрузки в браузере посетителя.
Наверняка Вам уже такие сайты встречались. Вроде все хорошо, а сайт грузится очень долго. Ждете его загрузки минуту, две, три … и после этого закрываете его страницу в браузере.
Наверняка Вам уже такие сайты встречались. Вроде все хорошо, а сайт грузится очень долго. Ждете его загрузки минуту, две, три … и после этого закрываете его страницу в браузере.
[justify]Владелец сайта потерял посетителя!
Это факт! И произошло это из-за того, что на сайте опубликовано слишком много графических элементов, которые увеличивают время его загрузки!
Как этого избежать?
На самом деле все просто, при условии, если Вы знаете, как необходимо использовать графику, чтобы это не отразилось на времени загрузки сайта в браузере. Приведу пять советов, которые Вы сможете использовать при создании собственного сайта с использованием графических элементов.
Итак …
СОВЕТ #1. При разработке графических элементов сайта ориентируйтесь на человека, который имеет модемный доступ в сеть.
Не смотря на то, что сейчас 21 век и Интернет практически в каждом доме, не все люди используют возможности широкополосного доступа в сеть. В большинстве случаев, это связано с тем, что используемое сейчас многими компаниями техническое оборудование и линии коммуникаций не приспособлены для таких целей. Безусловно, данная проблема решается, и по всей вероятности решена будет не скоро. Большинство пользователей для входа в Интернет все же используют модемное соединение. И при разработке графических элементов необходимо ориентироваться на данную категорию пользователей сетью.
СОВЕТ #2. Оптимизируйте все графические элементы, используемые на сайте под Интернет.
Произвести оптимизацию графических элементов под Интернет очень просто. Для этого необходимо воспользоваться программой Adobe Photoshop.
Прежде всего, необходимо запустить данную программу. Открываем в ней графическое изображение, которое необходимо оптимизировать под Интернет. Нажимаем комбинацию клавиш Alt + Shift + Ctl + S или же заходим в меню по связке «Файл – Сохранить для Web…» и вызываем окно оптимизации графики. В данном окне выбираем графический формат (jpeg, png, gif), в котором будет он сохранен и нажимает на кнопочку Save. Все! Мы получили оптимизированное графическое изображение под Интернет. И именно его необходимо использовать на страницах собственного сайта.
При этом необходимо запомнить простое правило: «Чем меньше размер графического элемента, тем быстрее грузится страница вебсайта!»
СОВЕТ #3. Размещайте графические элементы на странице собственного сайта только там, где это действительно необходимо!
Среди молодых вебмастеров бытует мнение, что чем больше графики на сайте, тем он круче! На странице размещаются различные графические украшения, отвлекающие баннеры, иконки, пиктограмки и т.д. Но при этом забывают о том, что все это утяжеляет страницу и время ее загрузки увеличивается, что ведет к потенциальной потере посетителей.
На страницах собственного сайта необходимо размещать те графические элементы, которые действительно необходимы! Например, если Вы продаете информационный продукт, Вы можете смело размещать на сайте графическое изображение продукта, графические элементы гарантии, кнопку заказа, верхнюю и нижнюю шапку (если это необходимо), скриншоты, фотографии и т.д. Но все эти графические элементы должны быть оптимизированы и соответствовать текстовому наполнению сайта.
СОВЕТ #4. Большие изображения разрезайте на более мелкие.
Довольно часто возникает следующая ситуация. Необходимо опубликовать на странице сайта какой-либо большой графический объект, например, фотографию. Можно было бы просто разместить ее «один в один», но при этом увеличиться время загрузки страницы. Это не очень хорошо.
Но можно пойти другим путем! Производим оптимизацию фотографии и разрезаем ее на несколько частей. И все эти части фотографии размещает на странице сайта.
При таком способе расположения фотографии, страница, где она будет размещена, будет намного быстрее загружаться. Не смотря на то, что фотография состоит из множества фрагментов, посетитель страницы увидит ее в том же виде, если бы она была опубликована «один в один»!
СОВЕТ #5. Подписывайте все графические элементы сайта.
Многие пользователи Интернета, в том числе и я, просматривают сайты с отключенной функцией отображения графических элементов в браузере.
Что это дает?
Во-первых, скорость загрузки сайта в браузере увеличивается в несколько раз. Ведь при этом не нужно ждать загрузки всех графических элементов. Текстовая информация грузится быстро.
Во-вторых, происходит меньшее потребление трафика, что сказывается на уменьшенных счетах по оплате за услуги по доступу в сеть. Экономия на лицо.
При отключенной графике в браузере посетитель не видит графических изображений. Он видит только пустое место, в котором должен быть расположен графический элемент.
В большинстве своем графические элементы, расположенные на сайте несут в себе смысловую нагрузку. Они могут быть ссылкой, фотографией, скриншотом и т.д. Но посетитель сайта с отключенной графикой в браузере его не видит. Как я уже говорил, он видит пустое обозначенное контуром место.
Для того, чтобы посетитель сайта имел понятие какую смысловую нагрузку несет в себе данный графический элемент, его необходимо просто подписать текстовым комментарием. При этом всю текстовую информацию необходимо размещать в дескрипторе Alt. Сделать это легко и просто! А несет в себе эта информация многое.
Проведите простой эксперимент. Откройте собственную страницу сайта в браузере с отключенной графикой. Все ли вам ясно? Понимаете ли Вы куда ведут ссылки?
Всегда к графическим элементам сайта ставьте текстовые комментарии.
Уверен, что используя данные советы на практике, Вы сможете добиться оптимального использования графических элементов на страницах собственного сайта, что положительно отразится на времени его загрузки в браузере посетителя.
И последний совет.
Проведите небольшой эксперимент. Засеките сколько времени грузятся страницы Вашего сайта, как с включенной графикой, так и без нее. На основании полученных временных данных сделайте вывод. Очень полезное занятие.