Техническая оптимизация сайта - способы.

Рейтинг: 0 Голосов: 0 4760 просмотров
Техническая оптимизация сайта - способы.

 Оптимизация загрузки сайта.

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

Теперь рассмотрим из чего складывается вес страницы сайта Instant CMS и как его уменьшить подетально. В основном вес страницы зависит от:
 
1. Скрипты 
 
2. Файлы стилей
 
3. Картинки, флеш, итд.
 
 
Вот эти моменты и необходимо оптимизировать на сайте.
 

       Оптимизация CSS. 

 
Начнем со стиля, стили лучше обьединить в один, это уже уменьшит количество http запросов, обьединив стили в один styles.css.
 
Затем вы можете воспользоваться одним из например вот этих трех сервисов. Css -оптимизаторы.
 
 
 
 
Каждый из этих трех сервисов уменьшает код стиля, обрезая ненужное, ключая в том числе и пробелы.
Лично я использовал Clean CSS. Выбрал режим средний, после этого мой styles.css уменьшился в размерах. 
 
---Input: 131.592KB, Output: 102.079KB, Compression Ratio: 22.4% (-29513 Bytes)---

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

       Оптимизация графики на сайте.

 
Следующий пункт нашей оптимизации - оптимизация картинок, обычно в веб сайтах применяют картинки, вы можете воспользоваться сервисом уменьшения веса картинок.
 
- Punypng - уменьшение png, сжатие графики на сайте. Этот сервис уменьшит вашу графику, практически при том же качестве.
 
Второй способ уменьшить графику, это фотошоп, открываете в нем картинку, изменяете качество. Например для шапки сайта я использовал картинку  в 170 килобайт, и еще 3 картинки были большими каждая под 40 килобайт. С помощью Фотошопа, изменил, теперь большая 72 килобайта, и те поменьше тоже в два раза стали меньше весить.
 
Еще один способ сжатия  графики можно использовать с помощью сервиса - Gtmetrix. Здесь очень удобно оптимизировать графику, вы вставляете свой сайт в аналитическое окно, затем получаете результат.
уменьшаем время загрузки сайта.
 
 
В данном случае, нас интересует сжатие графики, поэтому мы переходим на графу: Optimize images
 
сжатие графики на сайте
 
То есть как видим, мы можем сразу  же нажав на See optimized version забрать себе уменьшенную в размере картинку.
 

       Сжатие скриптов.

 
Теперь рассмотри сжатие скриптов, практически сильно сжать скрипты файлы Js не получится,  но некоторое уменьшение возможно, если воспользоваться также онлайн сервисов: Сжатие скриптов.

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

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

Как создавать сайтСоздание сайта быстро - 2

Seo статьиЧерные и белые способы продвижения сайта

Статьи про InstantCMSКакая CMS для сайта будет лучшей.

Как создавать сайтТехническая оптимизация загрузки сайта

Seo статьиInstant CMS и посещаемость сайта.

Комментарии (2)
Letsgo #
Рейтинг: 0
Поисковики в запросах учитывают скорость работы сайта.
Letsgo #
Рейтинг: 0
Вчера снова поработал по этой статье, уменьшил загрузку сайта с 9 до 3.5 секунд. Дело было в паре рисунков, один из указателей мапс карты имел размер 30 килобайт, сделал 0.7 килобайта. И убрал расписание поездов и самолетов, оно дает 400 килобайт нагрузки. Буду ставить, их отдельно не на  главной. в общем с 1.8 мегабайта  главная страница сайта, стало 1.3 мегабайта.

Голосуем

Самый нужный компонент