Скорость загрузки сайта — как измерить и улучшить


Рубрика:  База знаний SEO | Автор: Юрий Макаров


Многие оптимизаторы довольно пренебрежительно относятся к такому фактору ранжирования, как скорость (время) загрузки сайта. Между тем, представители обеих поисковых (как Яндекса, так и Гугла) довольно давно уже заявляли, что они учитывают скорость загрузки сайта как один из факторов ранжирования. Степень влияния данного фактора, как я считаю, довольно велика. Я думаю, что данный фактор, является составной частью в алгоритме ранжирования ПС. И если у Вас не все в порядке со скоростью загрузки сайта, то ТОПа Вам просто не видать. А тут все просто: плохая скорость загрузки приводит в итоге к низким поведенческим факторам, плохому юзабилити сайта и, как итог, у клиента падает конверсия. Итак, как просит нас великий Яндекс, будем улучшать сайты. И здесь уместно начать с уменьшения времени загрузки сайта.

Полезные сервисы для ускорения загрузки сайта

Для проведения анализа времени загрузки сайта я советую использовать замечательный сервис - webpagetest. Можно проводить анализ и другим сервисом или инструментом. Здесь главное понимать, что Вы ждете от результатов анализа подобных сервисов и, самое главное, как это будете на практике применять у себя на сайте.

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

Обращаем внимание на следующие моменты:

  • Проверяем включена ли на стороне сервера отдача заголовка - "Connection: keep-alive". Если сервер отдает данный заголовок - значит функция включена. Напоминаю, проверить корректность отдачи заголовков сервера Вашего сайта можно использовав данный сервис. Функция Keep-alive обычно является стандартной составляющей веб-сервера Apache, но ввиду разных причин (либо технических, либо при конфигурации веб-сервера ее просто забыли включить) может отсутствовать. Данная функция позволяет постоянно поддерживать соединение между сервером и клиентом, для того, чтобы сервер знал, что клиент подключен и поэтому не отключал его. То есть, когда страница сайта отправляется клиенту, все её части (картинки, фреймы, JavaScript) пересылаются с использованием различных, отдельно устанавливаемых соединений. KeepAlive дает возможность браузерам запрашивать постоянное соединение и, установив его, загружать данные, используя одно установленное соединение. Такой способ даёт неслабый прирост производительности. Только включение данной функции позволяет уменьшить время загрузки страницы на 40-50%!
  • Сжатие текстовой составляющей (Compress Text) - html кода, css и javascript. Тут либо вручную либо советую использовать такие мощные сервисы, как cleancss (для сжатия css файлов) и официльный инструмент для сжатия javascript - closure-compile от компании Google.
  • Сжатие картинок (Compress Images). Изображения в формате jpg, png и gif могут быть существенно сжаты без потери качества. Тут я рекомендую использовать замечательный сервис JPEGmini. Сжимает jpeg и jpg файлы мощно и качественно! Советую! Для сжатия png файлов рекомендую сервис - PunyPNG Либо Вы может воспользоваться photoshop - cохранить для WEB, только советую в параметре "качество" ставить 50%.
  • Наличие закэшированного статического контента (Cache Static Content). Успешно кэширующийся контент в браузере пользователя позволяет значительно сократить время загрузки страницы при повторном обращении к ней.
  • Объединение файлов CSS/Javascript в один файл (Combine JS/CSS Files). То есть объединяем все css файлы в 1 файл и тоже самое делаем с javascript файлами. Загружаем данные файлы в разделе <head>. Пример, <script type="text/javascript" src="/js/ajax.js"></script> - здесь мы подгружаем файл - ajax.js
  • Объединение изображений в css спрайты.

В настоящее время поисковые системы Яндекс и Google уделяют самое пристальное внимание скорости загрузки сайта. На скорость загрузки сайта влияют очень много факторов. Некоторые из них я описывал в своей статье: ускорение скорости загрузки сайта. Сейчас даже в инструментах для вебмастеров Google в разделе "лаборатория"-"эффективность сайта" присутствует замечательная функция PageSpeed Insights, которая позволяет по сто бальной системе оценить скорость загрузки той или иной страницы Вашего сайта. Для своей главной страницы я, например, смог добиться показателя в 93 балла (рисунок 1). Это очень хороший показатель по сравнению с моими конкурентами. Данный инструмент показывает, что именно необходимо улучшить, а также подробный help на тему того, как это сделать.

Скорость загрузки сайта seowind.ru - фото

Рисунок 1. Скорость загрузи сайта SeoWind.ru

 Так как это официальный инструмент от Google - я настоятельно рекомендую использовать для оценки скорости загрузки сайта именно его. Тем не менее существуют и другие не менее функциональные сервисы.

5 Online сервисов анализа скорости загрузки веб-страницы

Первым бы я выделил массовый анализ скорости http://www.pr-cy.ru/speed_test. Для его теста я взял ТОП SEO блогеров 2012 года и сравнил с моим сайтом - seowind.ru (Рисунок 2)

скорость загрузки топ 10 seo блогеров - фото

Рисунок 2. Скорость загрузки главной страницы для топ 10 seo блогеров 2012 года

Я думаю - Вам все видно из Рисунка 2, кто из seo блогеров лидер, а кто аутсайдер по такому параметру, как время загрузки главной страницы. Мои результаты, конечно, также далеки от идеала, если сравнивать с тем же блогером - Shakin. Так, что есть куда стремиться. Очень удобный сервис для экспресс - анализа своего сайта и сайта конкурентов!

Вторым я отмечаю сервис - webpagetest.org. Когда не было PageSpeed Insights, то я использовал именно его. По функционалу они где-то схожи. Хотя у webpagetest.org есть такие отличительные экзотические функции, как, например, эмулирование скорости загрузки сайта на модеме 56К или возможность выбрать регион откуда происходит обращение к сайту.

Третий, хороший сервис - это domw.net. В отличии от многих других он на русском языке. Даются рекомендации, как и, что сделать, чтобы улучшить скорость загрузки сайта.

Четвертым идет - webo.in. Сервис создан российскими разработчиками. Сервис испортился в последнее время. Информацию дают скудную, к тому же предлагаю свои услуги по ускорению сайта по астрономическим ценам. Но, тем не менее, на сайте есть готовые законченные решения в виде платных плагинов для CMS WordPress и Joomla по уже доступным ценам. Для WordPress, например, вот здесь.

Ну и напоследок отмечу pingdom.com. Для меня он во многом похож на тот же webpagetest, но из отличий стоит отметить возможность мониторинга доступности сайта. Для этот стоит оформить подписку по email.


Оставьте отзыв в виде оценки к записи: " Скорость загрузки сайта — как измерить и улучшить"

1 звезда2 звезды3 звезды4 звезды5 звёзд (Оставлено голосов: 1, оценка: 5,00 из 5)
Загрузка...

Комментарии и отзывы

2 коммент. к записи "Скорость загрузки сайта — как измерить и улучшить"
  1. Andrei :

    Спасибо, Юрий за сервисы. Просмотрел скорость загрузки сайта… есть над чем работать. Ведь сейчас этому параметру поисковики придают важное значение.

  2. Ed :

    Прогнал сайт на разных сервисах и получил разные результаты, отличие приличное оказалось, насколько точны данные?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *