Искусство изменит мир к лучшему

ПОЛЕЗНЫЕ СОВЕТЫ

ПОЛЕЗНЫЕ СОВЕТЫ » Интернет

Категории

Домашнее хозяйствоДомашнее хозяйство
ЗдоровьеЗдоровье
ИнтернетИнтернет
КулинарияКулинария
ПолезноеПолезное
ПсихологияПсихология
ТехникаТехника
РазноеРазное
Умелые рукиУмелые руки

Общее количество: 251 полезных советов в 9 категориях

5 советов вебмастеру, использующему графику на собственном сайте!

Интернет 5 советов вебмастеру использующему графику на собственном сайте
Каждый владелец сайта при его проектировании стремится создать такой сайт, который бы быстро загружался в браузере посетителя. Для этого он идет на различные хитрости, оптимизируя код страницы, но забывает о графике. Он использует на страницах сайта различные графические элементы, меню, «приколы», забывая о том, что все это увеличивает время его загрузки в браузере посетителя.
Наверняка Вам уже такие сайты встречались. Вроде все хорошо, а сайт грузится очень долго. Ждете его загрузки минуту, две, три … и после этого закрываете его страницу в браузере.


[justify]Владелец сайта потерял посетителя!

Это факт! И произошло это из-за того, что на сайте опубликовано слишком много графических элементов, которые увеличивают время его загрузки!

Как этого избежать?

На самом деле все просто, при условии, если Вы знаете, как необходимо использовать графику, чтобы это не отразилось на времени загрузки сайта в браузере. Приведу пять советов, которые Вы сможете использовать при создании собственного сайта с использованием графических элементов.

Итак …

СОВЕТ #1. При разработке графических элементов сайта ориентируйтесь на человека, который имеет модемный доступ в сеть.

Не смотря на то, что сейчас 21 век и Интернет практически в каждом доме, не все люди используют возможности широкополосного доступа в сеть. В большинстве случаев, это связано с тем, что используемое сейчас многими компаниями техническое оборудование и линии коммуникаций не приспособлены для таких целей. Безусловно, данная проблема решается, и по всей вероятности решена будет не скоро. Большинство пользователей для входа в Интернет все же используют модемное соединение. И при разработке графических элементов необходимо ориентироваться на данную категорию пользователей сетью.

СОВЕТ #2. Оптимизируйте все графические элементы, используемые на сайте под Интернет.

Произвести оптимизацию графических элементов под Интернет очень просто. Для этого необходимо воспользоваться программой Adobe Photoshop.

Прежде всего, необходимо запустить данную программу. Открываем в ней графическое изображение, которое необходимо оптимизировать под Интернет. Нажимаем комбинацию клавиш Alt + Shift + Ctl + S или же заходим в меню по связке «Файл – Сохранить для Web…» и вызываем окно оптимизации графики. В данном окне выбираем графический формат (jpeg, png, gif), в котором будет он сохранен и нажимает на кнопочку Save. Все! Мы получили оптимизированное графическое изображение под Интернет. И именно его необходимо использовать на страницах собственного сайта.

При этом необходимо запомнить простое правило: «Чем меньше размер графического элемента, тем быстрее грузится страница вебсайта!»

СОВЕТ #3. Размещайте графические элементы на странице собственного сайта только там, где это действительно необходимо!

Среди молодых вебмастеров бытует мнение, что чем больше графики на сайте, тем он круче! На странице размещаются различные графические украшения, отвлекающие баннеры, иконки, пиктограмки и т.д. Но при этом забывают о том, что все это утяжеляет страницу и время ее загрузки увеличивается, что ведет к потенциальной потере посетителей.

На страницах собственного сайта необходимо размещать те графические элементы, которые действительно необходимы! Например, если Вы продаете информационный продукт, Вы можете смело размещать на сайте графическое изображение продукта, графические элементы гарантии, кнопку заказа, верхнюю и нижнюю шапку (если это необходимо), скриншоты, фотографии и т.д. Но все эти графические элементы должны быть оптимизированы и соответствовать текстовому наполнению сайта.

СОВЕТ #4. Большие изображения разрезайте на более мелкие.

Довольно часто возникает следующая ситуация. Необходимо опубликовать на странице сайта какой-либо большой графический объект, например, фотографию. Можно было бы просто разместить ее «один в один», но при этом увеличиться время загрузки страницы. Это не очень хорошо.

Но можно пойти другим путем! Производим оптимизацию фотографии и разрезаем ее на несколько частей. И все эти части фотографии размещает на странице сайта.

При таком способе расположения фотографии, страница, где она будет размещена, будет намного быстрее загружаться. Не смотря на то, что фотография состоит из множества фрагментов, посетитель страницы увидит ее в том же виде, если бы она была опубликована «один в один»!

СОВЕТ #5. Подписывайте все графические элементы сайта.

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

Что это дает?

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

Во-вторых, происходит меньшее потребление трафика, что сказывается на уменьшенных счетах по оплате за услуги по доступу в сеть. Экономия на лицо.

При отключенной графике в браузере посетитель не видит графических изображений. Он видит только пустое место, в котором должен быть расположен графический элемент.

В большинстве своем графические элементы, расположенные на сайте несут в себе смысловую нагрузку. Они могут быть ссылкой, фотографией, скриншотом и т.д. Но посетитель сайта с отключенной графикой в браузере его не видит. Как я уже говорил, он видит пустое обозначенное контуром место.

Для того, чтобы посетитель сайта имел понятие какую смысловую нагрузку несет в себе данный графический элемент, его необходимо просто подписать текстовым комментарием. При этом всю текстовую информацию необходимо размещать в дескрипторе Alt. Сделать это легко и просто! А несет в себе эта информация многое.

Проведите простой эксперимент. Откройте собственную страницу сайта в браузере с отключенной графикой. Все ли вам ясно? Понимаете ли Вы куда ведут ссылки?

Всегда к графическим элементам сайта ставьте текстовые комментарии.

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

И последний совет.

Проведите небольшой эксперимент. Засеките сколько времени грузятся страницы Вашего сайта, как с включенной графикой, так и без нее. На основании полученных временных данных сделайте вывод. Очень полезное занятие.

4.85
7
Назад

Дополнительно по данной категории

Нет комментариев. Почему бы Вам не оставить свой?
Ваше сообщение будет опубликовано только после проверки и разрешения администратора.
Ваше имя:
Комментарий:
ББ Редактор 6.2 Pro
Смайл - 01 Смайл - 02 Смайл - 03 Смайл - 04 Смайл - 05 Смайл - 06 Смайл - 07 Смайл - 08 Смайл - 09 Смайл - 10 Смайл - 11 Смайл - 12 Смайл - 13 Смайл - 14 Смайл - 15 Смайл - 16 Смайл - 17 Смайл - 18 Смайл - 19 Смайл - 20 Смайл - 21 Смайл - 22 Смайл - 23 Смайл - 24 Смайл - 25 Смайл - 26 Смайл - 27 Смайл - 28 Смайл - 29 Смайл - 30 Смайл - 31 Смайл - 32 Смайл - 33 Смайл - 34 Смайл - 35 Смайл - 36 Смайл - 37 Смайл - 38 Смайл - 39 Смайл - 40 Смайл - 41 Смайл - 42 Смайл - 43 Смайл - 44 Смайл - 45 Смайл - 46 Смайл - 47 Смайл - 48 Смайл - 49 Смайл - 50 Смайл - 51 Смайл - 52 Смайл - 53 Смайл - 54 Смайл - 55 Смайл - 56 Смайл - 57 Смайл - 58 Смайл - 59 Смайл - 60 Смайл - 61 Смайл - 62 Смайл - 63 Смайл - 64 Смайл - 65 Смайл - 66 Смайл - 67 Смайл - 68 Смайл - 69 Смайл - 70 Смайл - 71 Смайл - 72 Смайл - 73 Смайл - 74 Смайл - 75 Смайл - 76 Смайл - 77 Смайл - 78 Смайл - 79 Смайл - 80 Смайл - 81 Смайл - 82 Смайл - 83 Смайл - 84 Смайл - 85 Смайл - 86 Смайл - 87 Смайл - 88 Смайл - 89 Смайл - 90 Смайл - 91 Смайл - 92 Смайл - 93 Смайл - 94 Смайл - 95 Смайл - 96 Смайл - 97 Смайл - 98 Смайл - 99 Смайл - 100 Смайл - 101 Смайл - 102 Смайл - 103 Смайл - 104 Смайл - 105 Смайл - 106 Смайл - 107 Смайл - 108 Смайл - 109 Смайл - 110 Смайл - 111 Смайл - 112 Смайл - 113 Смайл - 114 Смайл - 115 Смайл - 116 Смайл - 117 Смайл - 118 Смайл - 119 Смайл - 120 Смайл - 121 Смайл - 122 Смайл - 123 Смайл - 124 Смайл - 125 Смайл - 126 Смайл - 127 Смайл - 128 Смайл - 129 Смайл - 130 Смайл - 131 Смайл - 132 Смайл - 133 Смайл - 134 Смайл - 135 Смайл - 136 Смайл - 137 Смайл - 138 Смайл - 139 Смайл - 140 Смайл - 141 Смайл - 142 Смайл - 143 Смайл - 144 Смайл - 145 Смайл - 146 Смайл - 147 Смайл - 148 Смайл - 149 Смайл - 150 Смайл - 151 Смайл - 152 Смайл - 153 Смайл - 154 Смайл - 155 Смайл - 156 Смайл - 157 Смайл - 158 Смайл - 159 Смайл - 160 Смайл - 161 Смайл - 162 Смайл - 163 Смайл - 164 Смайл - 165 Смайл - 166 Смайл - 167 Смайл - 168 Смайл - 169 Смайл - 170 Смайл - 171 Смайл - 172 Смайл - 173 Смайл - 174 Смайл - 175 Смайл - 176 Смайл - 177 Смайл - 178 Смайл - 179 Смайл - 180 Смайл - 181 Смайл - 182 Смайл - 183
АБВГДЕЁЖЗИЙ КЛМНОПРСТУФ ХЦЧШЩЬЫЪЭЮЯ
ABVGDEJOZHZIJ KLMNOPRSTUF XCCHSHW'Y#JEJUJA
Секретный код:Для обновления секретного кода нажмите на картинку
Повторить:

ВНИМАНИЕ:

Условия использования материалов
Эти песни хочется слушать и слушать
Существует проблема с этим блоком!

Контакты

  • Poland
    ul. Lwowska 17/9A, 00-660 Warszawa
  • +48 693 191154
    +48 728 992118 (Viber,WhatsUp)

  • skype:parroslab.group
Е-КНИГИ PG
МЕДИА КАТАЛОГ
Обратная связь