Тестируем и анализируем скорость загрузки сайта

Ну чтож, раз я взялся тему анализа сайта, то позвольте и продолжить на этой ноте. И если в прошлый раз я писал как проверить сайт на наличие вредоносного кода, то сегодня пост будет интересен в первую очередь блоггерам, верстальщикам, вебстроителям, вебдизайнерам и всем, кто вообще связан с созданием сайтов и блогов. Будем мы говорить сегодня о скорости загрузки сайта или блога.

Я думаю ни для кого не будет секретом, что первое впечатление о сайте люди делают даже не по внешнему виду, а по тому, с какой скоростью загружается сайт. Да, для людей с выделенным безлимитным каналом в 8 мб/с может и насрать как там нагружен ваш сайт, а вот люди сидящие на ограниченных тарифных планах, GPRS  модемах или не дай бог — на dial up модеме, то скорость загрузки вашего сайта играет критическую роль.

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

Но и это может быть ещё не все. Если вы стараетесь пробиться все в Топ того же Гугла, то с тормазнутым сайтом можете и особо не рыпаться, Google крайне неохотно продвигает тормазнутые страницы, так и будет ваш сайт плестись в конце.

Так что вывод тут может быть только один — всегда держите пальцы на пульсе и следите за скоростью загрузки вашего блога или сайта. Сегодня я расскажу вам об парочке сервисах, которые помогут вам не только узнать скорость загрузки своих сайтов, но также помогут проанализировать  выявить «проблемные» места в сайте, которые его и тормозят.

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

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

Так, сайты введены, теперь жмем на кнопку Check и ждем результат:

Ну вот собственно и результат. Смотрим на загрузку начальных страниц трех сайтов. Проиграл конечно мэйл, у него начальная страница самая тяжелая, однако скорость загрузки одного килобайта у него хорошая, всего — 0,02 секунды. А вот вконтакте выглядит ещё хуже чем мэйл.

При очень маленькой стартовой странице  — скорость загрузки заметно проседает. Мне же на своем блоге довелось получить не плохие результаты — 0,57 секунды (как этого добиться спрашивайте или ждите когда созреет пост)

Website speed test нам только может показать скорость загрузки наших ресурсов, но никакого анализа сервис проводить не умеет. Получив результаты нам следует как-то проанализировать показатели и выявить, куда же нам двигаться для улучшения наших показателей скорости загрузки, а поможет нам в этом следующий сервис.

Web Page Analyzer

Следующим у нас идет Web Page Analyzer. Здесь от нас потребуется ввести адрес анализируемого сайта или часть HTML кода. После того, как вы введете адрес своего сайта, сервис вам выдаст кучу таблиц с непонятными словами и цифрами.

анализ скорости загрузки сайта

Если для вас эти слова ничего не говорят, то советую хотя бы начать изучать терминологию верстальщика. Ну а человек, хоть раз заглядывающий в «ХТМЛ для чайникаф» сможет спокойно разобрать, какой элемент его кода требует большего всего времени на обработку и загрузку. После выявления виновника большой задержки загрузки, можно приниматься за активную оптимизацию кода блога.

Дальше мотаем в самый конец страницы и находим раздел анализа и рекомендаций (Analysis and Recommendations), внимательно читаем и внимаем тем советам, что дает вам сервис. По возможности примените все советы и вы ускорите загрузку своего блога в разы.

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

Искренне надеюсь, что пост вам был полезен! С уважением, ваш itSlam

Обсуждение (16)
  1. Андрей:

    Спасибо за сервисы, будем пользоваться!

  2. ItSlam:

    Не за что. Пользуйтесь и приходите ещё за добавкой 😉

  3. Semm:

    Очень полезная инфа — побежал сайты свои тестировать.

  4. nemetc:

    как раз искал сервис, и вуаля. спасибо автору

  5. БомжеСтатик:

    Потестировал — на некоторых сайтах ситуация не утешительная… надо заняться оптимизацией.

  6. ItSlam:

    БомжеСтатик — конечно нужно. Насколько я помню, ты и сам что-то писал про оптимизацию недавно…или ошибаюсь?

    Nemetec — всегда пожалуйста, для этого и пишу!

    Сем — тестируй и ускоряй… наши сайты должны просто летать!

  7. Артур Фаткуллин:

    Протестировал. Результат — очень плохо 🙁

    А как исправить можно?

  8. Дачница:

    Web Page Analyzer — давно я хотела найти подобный сервис. Довольна, что заглянула к вам!
    Проверила свой сайт — есть над чем работать )))

  9. ItSlam:

    Артур, что показывает твой анализ??? как минимум можешь начать убирать твитер транслятор — ненужное говно; можно заменить флешовское облако тегов на обычное….картинки на главной меньше, и точно уж никаких — ауди и видеоплееров. Убрав все это — твой блог будет летать.

    Дачница. Над чем работать есть всегда. Рад что помог вам!

  10. Follows:

    Сейчас посмотрим что это за тесты)

  11. ItSlam:

    Очень полезные в работе тесты 😉

  12. Максим:

    Судя по описанию неплохой сервис, обязательно воспользуюсь.

  13. ItSlam:

    Воспользуйтесь Максим…..не пожалеете

  14. Georg:

    А ещё проверьте как ваш сайт чувствует себя при нагрузке «http://loadimpact.com»

  15. ItSlam:

    Georg: Проверим… и может даже напишем.

  16. Анастасия:

    Сейчас посмотрим

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>