ITC - На первую страницу
Удобство и простота управляют Сетью  


О компании
Услуги
Проекты
Работы
Цены
Полезное
Вакансии
Контакты
  ПОСЛЕДНИЕ РАБОТЫ




«Научно Исследовательский Институт Современных Транспортных Технологий» - НИИСТТ


  СВЯЗЬ


Телефоны:
+7 (812) 415-3628
+7 (812) 415-3629
+7 (921) 952-6347


E-Mail:
office@itcenter.ru


  ПРОЕКТЫ

Новый год в Петербурге

Шашлычная энциклопедия

Еще проекты »

  СТАТИСТИКА







ПОЛЕЗНАЯ ИНФОРМАЦИЯ

Вес в дизайне...

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

Бродя по сети, вы наверно не раз замечали, что одни страницы загружаются мгновенно, а загрузку других приходится ждать "часами" (и чаще всего не дождавшись уходить на другой сайт).

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

Я хотела бы дать ряд советов, используя которые вы сможете добиться нужного эффекта:

  • Помните, что вес страницы вместе с графикой, кнопками и баннерами не должен превышать 150 Кб. Вес вы считаете так: страница на HTML + вся графика + кнопки/баннеры. Кнопки обычно весят примерно по 2-3 Кб, баннеры 13-15 Кб. Если у вас в меню используются roll-over'ы, то вы должны считать вес всей графики, включая то, что загружается в Cash-память.
  • Тщательно подходите к выбору формата графики, не забывайте о том, что в формате GIF простые (малоцветные) изображения весят меньше, а фотографии лучше сохранять в формате JPG.
  • Никогда не забывайте оптимизировать графику перед отправкой в сеть. Наилучшее соотношение качества и веса для JPG 60-70%. Даже если на каждой картинке вы сократите 2-3 Кб, а картинок будет 10, то получите уменьшение веса на 20-30 Кб. А это не мало! Для оптимизации графики вы можете использовать: Ulead PhotoImpact 6.0, Ulead Smart SaverPro 3.0 или Adobe ImageReady 3.0
  • Постарайтесь статичную графику нарезать на части (делать слайсы). Ведь намного красивей и удобней, когда картинка появляется по частям, чем ждать долгой загрузки всей картинки. Да и нарезанные изображения загружаются намного быстрее, даже при аналогичном суммарном весе. Для нарезки графики вы можете использовать: Ulead Smart SaverPro 3.0 или Adobe ImageReady 3.0
  • Если вы используете визуальный редактор для создания своих страниц, то не забывайте "подчищать мусор", т.е. лишние теги, пробелы, комментарии в коде.
  • Старайтесь не перегружать свой сайт разными навороченными скриптами, а особенно их большим количеством одновременно, так как это может сильно замедлить работу приложения.

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

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

  НОВОСТИ ИНТЕРНЕТА

13 Декабря 2011
Россиянам заведут новые домены: .дети, .skolkovo, .moscow и .москва »

02 Декабря 2011
Chrome стал популярнее Firefox »

17 Ноября 2011
В зоне .ru появится стоп-лист "плохих" адресов »

14 Ноября 2011
Россия стала лидером Европы по количеству интернет-пользователей »

11 Ноября 2011
Google "освежит" поисковую выдачу »

02 Ноября 2011
Google упростит создание мобильных версий сайтов »

02 Ноября 2011
В России интернет обогнал по рекламным доходам бумажные СМИ »

19 Октября 2011
Google зашифрует поисковые запросы »

19 Октября 2011
Система "Яндекс.Деньги" запускает онлайн-идентификацию владельцев кошельков »

19 Октября 2011
Qiwi отключат от платежей за "Яндекс.Директ" »


Еще новости »