На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » Web-дизайн

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

Автор: William Richard

Если у вас не соединение Т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: Webmasterpro.com.ua
- вопросы веб-дизайна и оптимизации сайта в поисковых системах:
статьи, советы, рекомендации.

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100