Google + Группа Вконтакте RSS


Оптимизация кода сайта

Дата: 24 октября 2012 Рубрика: Оптимизация Комментарии: 2 комментария

Оптимизация кода

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

Оптимизация кода

Оптимизация кода сайта — это процесс, основной направленностью которого является снижение объема кода отдаваемого поисковым роботам (при индексации) и посетителям (при загрузке страницы). Если вы собираетесь продвигать крупный проект с высокой посещаемостью не пренебрегайте данным видом оптимизации.

Поиск Яндекс, Google, а с некоторых пор еще и Mail при сканировании сайта обращают внимание на отношение текста на странице к количеству внутреннего кода используемого на ней же. Это отношение четких значений не имеет , но исходя из практики, чем больше текста и чем меньше внутреннего кода, тем выше вероятность, что страница будет находится в ТОП выдачи.

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

Оптимизировать код на сайте — это не только ускорить блог, но и увеличить позиции в поиске.

Как оптимизировать код сайта

Есть три основных направления при оптимизации, которые мы рассмотрим по отдельности.

  • Файл СSS;
  • Кодировка;
  • Валидность.

1. Если вы используете файлы с расширение .css (стили при оформлении), которые подгружаются в самую последнюю очередь, то следует сделать их более мобильным, то есть применить сжатие. Например, размер строк после оптимизации coda можно уменьшить в 5 раз.

padding — top: 4px; padding — bottom: 7px
в
4px 7px

Смысл и функциональные возможности остаются одни и те же, а объем уменьшается. Сделать это можно в автоматическом режиме при использовании сервиса www.styleneat.ru. Для этого пройдите по ссылке и откройте вкладку «File upload», загрузите свой файл с расширением css. Далее нажмите на кнопку «Organize css» и после завершения операций скачайте обработанный файл.

Оптимизация кода сайта

2. Рекомендую проверить ресурс на валидность. Сервисы, которые осуществляют данную проверку покажут вам какие ошибки присутствуют в code, а так же укажут их местоположение. Не стоит пугаться, если их количество составит более 100 или 1000 штук, так как исправление одной может автоматически сократить их вдвое.

Оптимизация кода сайта

Проверку на валидность можно осуществить на сервисе http://jigsaw.w3.org/css-validator/.

Оптимизация кода

3. Кодировка базы данных. Правильная кодировка оказывает благоприятное влияние на развитие и продвижение. Поисковые системы определяют ее однозначно для русскоязычных ресурсов. Подробнее можно прочесть в статье «Кодировка базы данных».

Оптимизация кода

Совет. Перед тем, как заняться продвижением ресурса, следует обратить пристальное внимание на оптимизацию кода и лишь только потом вплотную заняться раскруткой.

На этом статья закончена. Советую подписаться на обновление, чтобы не пропустить выход нового материала.

С уважением, Дороднов Иван

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 голос, средний: 5,00 из 5)
Loading ... Loading ...
Twitt

 

Навигация

Предыдущая статья: ←

Следующая статья:


Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!





К записи "Оптимизация кода сайта" 2 комментария

  1. NMitra:

    Вы пробовали вносить правки в оптимизированный CSS? Это жуть — всё одной строкой. JS тоже можно оптимизировать, только вот код может стать невалидным. Было порой скрипт совсем отказывался работать. :( (

  2. Disseo:

    Пробовал. В самый конец вставлял. Слава богу CSS это не файл с функциями, от него сайт работать не перестанет

Давай! Оставить свой комментарий

Подписаться:
Популярные записи:

Для читателей:

Книга "Оптимизация"

Наверх