Дизайн оптимизированных страниц

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

Можно предпринять ряд мер по уменьшению размера страницы:

Избавиться от тяжелой графики

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

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

Изменить размеры

1. физические размеры и
2. объем графического файла на сервере.

Чем меньше у рисунка ширина и высота (тэги width и height), тем лучше. Можете сократить размеры, но в разумных пределах, чтобы не заставлять пользователей надевать очки.

Теперь касательно размера файла на сервере. Можно оптимизировать глубину цветов рисунка, например до 256 цветов без видимого отличия оригинала от копии. Удобно заниматься оптимизацией графики с помощью NetMechanic (http://www.netmechanic.com/)

Разделить страницу на несколько частей

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

Использование единого набора графики

Если использовать одни и те же навигационные кнопки и фон страницы на всем сайте, при каждой повторной загрузке они будут загружаться из кэша броузера. Это значит, что реальная скорость загрузки увеличится за счет "сэкономленной" графики. Также, единая графическая структура сайта придаст ему устойчивый внешний вид, что очень немаловажно с точки зрения usability.

Замена графического текста

По возможности, используйте форматированный текст вместо графического. Если необходимо изменить размеры и цвет текста, воспользуйтесь таблицами стилей или же тегами <b>, <font color=>, <font size=>, или <h>.

Оставляйте выбор за пользователем

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

Надеюсь, вы нашли 1-2 новых способа оптимизации скорости загрузки страниц.

William Richard has been designing Websites for over 6 years and has used his knowledge to create a HTML reference center for everyone's skill level.
For information or HTML help contact: wrichard@htmlstyle.com
or visit www.htmlstyle.com
Перевод - Webmasterpro.com.ua
- вопросы веб-дизайна и оптимизации сайта в поисковых системах:
статьи, советы, рекомендации.