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

Давно прошли те времена, когда все страницы в сети были просто текстовыми с редкими картинками и выглядели словно однояйцевые близнецы. Сейчас часто можно встретить очень красивые сайты, созданные всего лишь с помощью 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
  • Если вы используете визуальный редактор для создания своих страниц, то не забывайте "подчищать мусор", т.е. лишние теги, пробелы, комментарии в коде.
  • Старайтесь не перегружать свой сайт разными навороченными скриптами, а особенно их большим количеством одновременно, так как это может сильно замедлить работу приложения.

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

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