каталог статей
Поиск:
пример: сотовые телефоны расширенный поиск
Начало » » » Уменьшаем вес веб-страниц

Уменьшаем вес веб-страниц

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



Вес страницы складывается из:



- Объем чистого HTML-кода;

- Объём текстовой информации на странице;

- Объём графики, которая является составляющей частью дизайна;

- Объём рекламы (банеров, и(или) текстовых блоков).



Суммарный объём страницы не должен превышать 50Кб, если больше, то посетителям придётся ждать загрузки страницы достаточно долго. В отдельную группу попадают счётчики. Счётчики подобные HotLog и Mail.ru весят приблизительно по 1,2Кб каждый, поэтому злоупотреблять ими тоже не стоит.



Пути уменьшения веса страниц:



1. Откажитесь от комментариев. Зачастую в коде веб-страницы встречаются достаточно бесполезные комментарии, в которых веб-мастер старается подшутить над теми, кто захочет посмотреть код. Фразы типа «Зачем ты залез в код моей страницы и что тебе здесь надо» не несут никакого смысла, но малость увеличивают код.

Хочу заметить, что не стоит отказываться от комментариев к изображениям, т.е. от тега alt=, как раз он вам пригодиться.



2. Используйте CSS. Каскадные таблицы стилей могут достаточно сильно облегчить страницу, если их правильно использовать. Пропишите в CSS font, width и height, а в коде лишь расставьте необходимые ссылки.



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



Всегда необходимо соизмерять полезность Script’а с затратами на него (в качестве затрат в данном случае выступают лишние килобайты на странице). Возможно, что выстроить небольшую колонку новостей с обычным текстом будет более рационально, чем вешать JavaScript.



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



4. Ликвидируйте украшения на веб-странице. К таким относятся анимация, всякие летающие хвосты (для последних используется JavaScript). Неправильное применение подобных украшений будет не только утяжелять станицу, но и раздражать пользователей.



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



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



6. Не забивайте страницы рекламой до отказа. Двух банеров 468x60 будет вполне достаточно. Кнопками дружеских сайтов злоупотреблять тоже не стоит.



7. Режьте большие картинки на маленькие. Несколько маленьких картинок загружаются быстрее, чем одна большая. Такой способ более трудоёмкий (необходима таблица, ячейки и т.п.) к тому же он неприменим к обоям, заставкам (посетителям нужно сохранять их целиком).



8. Смените дизайн. В качестве самой радикальной меры можно пойти на изменение дизайна с графического на текстовый. Такая смена подразумевает замену навигационных меню с графических (кнопочных) на текстовые. Такой радикальный шаг имеет немало достоинств. Во-первых, вес страниц снизится на (30-60%), этого мы как раз и добивались. Во-вторых, если ваши страницы были оптимизированы под одно разрешение (что довольно часто встречается при обилии графики в дизайне), то появляется возможность сделать динамический дизайн (оптимизирован под любое разрешение экрана).



Подводя итоги скажу, что если без скриптов, банеров, ссылок на друзей вам не обойтись, то хотя бы распределите их равномерно по всем страницам сайта, не сваливайте всё сразу на одну страницу, особенно главную. Грамотно распределив все «тяжёлые» элементы по всем страницам сайта вы значительно облегчите жизнь пользователям, которые ещё не раз впоследствии вернуться на ваш ресурс.





Информация об авторе статьи



Автор: Кащеев Дмитрий

Источник: http://webcorp.ru/

Постоянный адрес статьи

Послать ссылку на этот обзор другу по ICQ или E-Mail:


Разместить у себя на ресурсе или в ЖЖ:


На любом форуме в своем сообщении:

Рейтинг статьи

Рейтинг: 3.0/5 (404 голоса)

Добавить на News2.ru Google slashdot YahooMyWeb Digg Technorati Delicious Забобрить эту страницу! Добавить на Newsland.ru Добавить на СМИ2 Добавить на RUmarkz Добавить на Ваау! Добавить на rucity.com Добавить в закладки МоёМесто.ru Добавить на Habr Добавить на Moi Novosti Добавить страницу к Mister Wong Добавить на Moikrug Добавить на Myscoop Добавить на 100zakladok Добавить на NewsGrad




Похожие статьи

1: Невидимый вИЦ
Так существовал ли этот параметр ранжирования в природе или это всего лишь оптимизаторские сказки?Понятие «Индекс Цитирования» пришло в интернет из научной литературы, где значимость статьи или другог...

2: Комплексная оптимизация сайта
Давайте разделим задачу "оптимизация сайта" на составляющие. И они будут таковы: " Оптимизация HTML-кода сайта, оптимизация скриптов и серверной части для ускорения загрузки документов,...

3: Грамотная регистрация сайта в каталогах
Для того, чтобы добиться максимального эффекта от данной процедуры, необходимо знать, как правильно регистрировать сайт в каталогах. Точнее, как правильно заполнять необходимые поля "название сай...

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

5: Как пользоваться сервисом статистики сайта «Ливинтернет»?
Любой владелец сайта рано или поздно сталкивается с необходимостью получения статистики своего сайта. И это неудивительно, потому что просто имея свой сайт и не зная ничего о своих посетителях, откуда...




Copyright © 2006-2019 ExcelioN
Правовая информация
Все права защищены
.