Как увеличить скорость загрузки сайта?

24 октября 2014, 18:50 Комментарии: 0

Как увеличить скорость загрузки сайта_

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

Первый и очень важный параметр это скорость загрузки сайта и его страниц. Каким образом этот фактор может влиять на жизнь вашего сайта? Довольно распространенным явлением есть заход клиента или посетителя на сайт, и ожидание полной загрузки страницы. Когда это секунда или полторы секунды это одно дело. Но когда это 5, 6 … 10 секунд. И вы понимаете что за это время уже можно было сделать себе чаю, это уже совсем другое дело.

На что следует обратить внимание при оптимизации

1. Количество HTTP запросов — Любой нормальный сайт состоит из нескольких компонентов это: файлы CSS, файлы скриптов JS, Flash и многое другое что может потребоваться для отображения на сайте допустим (фото, видео). Так вот спецификация по HTTP предлагает браузерам загружать не более двух компонентов с одного хоста.

Как уменьшить количество HTTP запросов?

  • Первое что приходит в голову, это объединение нескольких CSS или JS файлов в один (конечно же есть сайты с одним CSS файлом и одним JS или вовсе без оного). Далее что нам может потребоваться это компактность этих двух файлов минимизировать можно тут

  • Второе это использование CSS спрайтов — что это такое и с чем его едят? CSS спрайт это объединение нескольких изображений в одно! Таким образом при загрузке сайта браузеру достаточно загрузить всего одно изображение и дальше идти по сайту).

2. Кто хоть немного знаком с HTML версткой знает что подключать CSS стили желательно в голове (head) документа. Это влияет на постепенную загрузку страницы с верху в низ.

3. В отличие от CSS стилей JS следует подключать внизу страницы

4. На сегодняшний день множество сайтов использует подключение JavaScript, CSS и Flash. Как я описывал выше все эти компоненты загружаются в браузер при первом посещении вашего сайта. И некоторые из них неизменно работают на каждой отдельной странице этого самого сайта. Так вот для ускорения работы страниц, можно использовать правильную настройку кеширования сайта. Что бы браузер больше не загружал одно и то же, а использовал кэш.

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

GIF — подходит для анимированных изображений сайта, а так же изображений с несколькими цветами (например logo)

JPG — подходит наверно для всех видов фото (и я бы сказал что это основной формат который пользуется спросом в интернете)

PNG — подходит для изображений с прозрачностью

WebP — Совершенно новый формат изображений для интернета, предложеный компанией Google. Но так как для его работы вам потребуется библиотека (libvpx) и конвертор (webpconv), то скорее всего такой формат подойдет не для каждого.

Вот небольшой список он-лайн оптимизаторов:

www.punypng.com
Smush.it
www.jpegmini.com

6. Одним из важных моментов оптимизации картинок на сайте является их размер. Если вам на сайте нужна картинка с размерами 100 х 100 px. То самый лучший вариант это сделать её таковой в графическом редакторе например в Adobe Photoshop. Не стоит менять размер картинки при помощи стилей CSS потому что это негативно влияет на скорость загрузки страницы.

Как проверить скорость загрузки своего сайта?

После всего вышенаписанного, хочется узнать на сколько оптимизирован ваш сайт? Тогда идем на сайт http://gtmetrix.com/ и начинаем анализировать ссвой сайт…

А кто подключил свой сайт к Google Analytics, тот сможет увидеть рекомендации от Google по поводу улучшения скорости вашего сайта. Более детально и в картинках можно почитать тут

Поделиться в соц. сетях

Опубликовать в Google Plus

Автор поста: Виталий