Сокращение времени загрузки страниц с помощью CSS (Продолжение)
margin-top: 2px
margin-right: 1px;
margin-bottom: 3px;
margin-right: 4px;
Аналогично:
margin: 5em 1em 3em; (верх, влево и вправо, низ)
...вместо
margin-top: 5em;
margin-bottom: 1em;
margin-right: 1em;
margin-right: 4em
И:
margin: 5% 1%; (верх и низ, влево и вправо)
...вместо
margin-top: 5%;
margin-bottom: 5%;
margin-right: 1%;
margin-right: 1%;
Эти правила применяются к атрибутам margin, border и padding. 6. Минимизирование пробелов, переводов строк и комментариев Каждый символ — буква или пробел — занимают один байт. Каждый лишний символ только увеличивает размер страниц. Поэтому старайтесь поменьше нажимать Enter и Tab в процессе вёрстки. Кроме того, не забывайте объединять CSS-стили. 7. Используйте относительные ссылки
Абсолютные ссылки занимают намного больше места, чем относительные. А кроме того, создаёт дополнительную нагрузку на браузер, что более важно. Пример абсолютной ссылки: <a href="http://www.URL.com/filename.htm">. Гораздо правильней будет написать <a href="filename.htm">. Но что если нужный файл находится в другом каталоге?
Вот несколько примеров, которые помогут вам разобраться в этом вопросе:
<a href="/"> - Вызов корневой страницы сайта http://www.URL.com
<a href="/filename.html"> - Вызов страницы в корневом каталоге http://www.URL.com/filename.html
<a href="/directory/filename.html"> - Файл в подкаталоге "корня" http://www.URL.com/directory/filename.html
<a href="./"> - Обращение к текущему каталогу и index.html
<a href="../"> - Каталог-родитель текущего и index.html
<a href="../filename.html"> - То же самое, с указанием файла
<a href="../../"> - index.html в двух каталогах выше текущего
8. Не увлекайтесь применением тегов META
Большинство тегов META соврешенно ненужные. Если интересно, можно взглянуть на все существующие варианты. Самые важные теги (keywords и description) используются для оптимизации поисковых машин. При использовании атрибута content в теге META старайтесь не превышать размера в 200 символов. Большие описания и множество ключевых слов могут быть восприняты
поисковыми машинами как спам.
9. Выносите CSS и JavaScript в отдельные файлы
Все это знают, но не всегда пользуются. Вот так выглядит вызов CSS из внешнего файла:
<link type="text/css" rel="stylesheet" href="filename.css" />
И соответственно JavaScript:
<script language="JavaScript" src="filename.js"
type="text/javascript"></script>
Любой внешний файл грузится всего один раз и затем сохраняется в локальном кэше. Ограничений на количество «подключаемых»
внешних файлов не существует.
10. Ставьте / (слэш) в конце ссылок на каталоги
Это неправильный вариант написания ссылки:
<a href="hттp://www.URL.com/directoryname">
Необходимо писать так:
<a href="hттp://www.URL.com/directoryname/">
Объясняется это очень просто. В первом случае браузер не знает, на что ведёт ссылка: на файл или каталог.
"Слэш" сразу даёт понять, что эта ссылка ведёт в каталог, и необходимости в дополнительной проверке не возникает.
Данная статья разрешена для публикации только на http://visavi.net/