Блог
Анны Фёдоровой Как зарабатывать в интернете и на своём блоге?

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

2015.05.06
Автор:

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

Насколько известно скорость загрузки ресурса влияет на позиции в выдаче и это действительно так. Вот я лично ни разу в топе не видела сайты, у которых страницы грузятся длительное время, а вы?

Поисковики занижают блоги, которые медленно загружаются и это нисколько не удивляет – ведь посетитель не любит и не будет долго ждать, пока откроется та или иная страница. Он просто заново вернётся к поиску, благодаря чему у этого ресурса увеличивается показатель отказов, что соответственно плохо сказывается на его поведенческих факторах и позициях.

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

Теперь ближе к делу, вот несколько сервисов, с помощью которых мы можем определить скорость загрузки сайта.

WebWait. Это на мой взгляд самый быстрый и простой способ узнать как долго грузится ваш блог, но мы узнаем всего лишь время загрузки страниц и больше ничего. В графу впишите адрес своего сайта (блога) и нажмите time it! После пяти проверок вы увидите среднюю скорость загрузки страниц.

Webwait

Результат проверки моего блога меня не очень-то и порадовал, поэтому нужно будет над этим ещё поработать.

PageSpeed Insights. Достаточно популярный. Благодаря этому сервису от Google вы можете измерить скорость загрузки страниц как с компьютера, так и с мобильного. Что самое интересное, что тут же предоставляются советы по ускорению отображения страниц.

PageSpeed-Insights

Анализ по 100 бальной шкале. Чем ближе к 100 балов, тем лучше. Если у вас после проверки «зелёная зона», то значит всё в общем-то в порядке, если жёлтая, то нужно проделать работы по ускорению загрузки, а если красным, то значит много ошибок, которые сильно влияют на скорость загружаемых страниц.

В общем, смотрите из-за чего ваш блог медленно работает, и устраняйте их. Под рекомендацией есть ссылка «Как исправить», где вы увидите подсказки по улучшению скорости.

Tools PingDom. Удобный инструмент для проверки. Так же вписываем url своего сайта и смотрим. Перед нами появится некая таблица, рядом с которой будет изображение сайта. Здесь стоит обратить своё внимание на скорость загрузки страницы (Load time), чем цифра будет меньше, тем лучше. Далее сразу под этими значениями указано в процентном соотношении насколько ваш сайт быстрее, чем другие проверенные сайты. На скрине указала стрелочкой.

Tools.pingdom

А так же этот сервис по проверке скорости загрузки сайта в подробностях показывает, что именно грузит ваш блог больше всего. Какие изображения, скрипты, файлы и т.д. Так вот где жёлтого цвета больше всего, над тем элементом и нужно будет работать.

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

CY-PR. Так же вписываете адрес своего блога и жмите «Анализировать» и увидите рекомендации, на что именно стоит обратить своё внимание.

CY-PR

Gtmetrix. Этот сервис найдёт истинную причину, влияющую на скорость загрузки сайта. Тут перед вами вылезет огромный список всего всего, всё что выделено красным цветом — нужно обязательно исправлять.

Gtmetrix

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

Site Speed В отличие от предыдущего, этот сервис для анализа скорости сайта — на русском языке. Вписываете в соответствующее поле свой url и получаете отчёт о скорости загрузки проверяемого ресурса в процентах. 100% — является идеальным результатом. Так же можно получить полный отчёт к себе на почту, вписав свой e-mail.

Site-Speed
На самом деле подобных инструментов с помощью которых можно узнать скорость загрузки много, но эти мне нравятся больше всего. В общем выбирайте тот сервис, который вам удобен больше и ускоряйте свой блог.

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

Итак, я вам рассказала, как проверить скорость загрузки сайта. Теперь рассмотрим как можно ускорить работу своего блога с помощью сервиса Gtmetrix и Tools PingDom.

Для начала можно:

1). Оптимизировать изображения

Заходим на сервис gtmetrix.com и после сканирования сайта ищем строку Optimize images. Далее нажав на нее, ниже появится список ссылок на картинки, которые и нужно будет оптимизировать, т.е. уменьшить их вес и размер. Как это сделать я писала в статье про уменьшение картинок в статьях.

Если вы зайдёте на сервис Tools PingDom или PageSpeed Insights — там вы так же увидите всё эти же изображения, вес которых нужно уменьшить. Все сервисы вам покажут, какие именно изображения нужно оптимизировать.

Кому лень самому заниматься оптимизацией картинок, может под каждой ссылкой на сервисе найти ссылку на уже готовую картинку. Нажмите на optimized version и скачайте её к себе на компьютер. Потом просто закачивайте их вместо тех, которые у вас были на блоге.

2). Уменьшить вес шапки сайта и других элементов

Теперь пару слов о том, как уменьшить вес шапки сайта, точнее как сделала это я.

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

Вот зайдите вначале на сервис Tools PingDom и введите url своего блога в соответствующее поле. Далее как я уже и говорила, сервис жёлтым цветом показывает те элементы, которые грузят ваш блог больше всего. Если у вас шаблон не оптимизирован, то найдя строчку header.jpg или head.jpg (у всех по разному) и footer.jpg (футер) — вы увидите длинную жёлтую полоску, что означает, что эти элементы плохо сказываются на скорости загрузки вашего сайта. Что собственно было и у меня. И там же мы видим вес шапки сайта и футера. Вот их вес нам и нужно уменьшить.

Шапка, футер лежат на сервере в папке wp-content/themes/название темы/images. Скопируйте их к себе на компьютер. Причём можно поработать не только над шапкой и футером, но и над другими элементами (графикой) – сайдбаром, формой подписки, кнопками и т.д. Я вам покажу, как я уменьшала файлы формата ipg.

Открываем в фотошопе нашу не оптимизированную картинку, к примеру header.jpg и нажимаем – «Файл» — «Сохранить для web» и выбираем «Высокое качество JPEG» – «Прогрессивный», и выставляем 70%. И жмём сохранить.

Скорость загрузки сайта

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

И не забываем, что в сервисе Gtхmetrix вы так же можете найти и скачать уже готовые изображения нужных вам элементов.

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

3). Проверяем какой плагин грузит блог. Бывает и такое, что определённые плагины тормозят работу наших ресурсов, от некоторых из них желательно избавляться.

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

С уважением, Анна Фёдорова


Комментариев: 13

  1. Николай

    Прикольные сервисы, у меня еще пока нечего проверять пустой сайт :)

    Ответить
    1. Анна Фёдорова

      Ну ничего, всё ещё впереди! :)

      Ответить
  2. Алексей

    Я использовал все сервисы перечисленные вами в статье, но о последнем не знал., так что добавил его в свой список. Спасибо вам за хороший сервис! :)

    Ответить
  3. Алексей

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

    Ответить
    1. Анна Фёдорова

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

      Ответить
  4. Александр

    Надо будет свой проверить сайт. Он должен грузится быстро так как ещё совсем молодой.

    Ответить
  5. Артём

    Анна, спасибо за статью.

    В моём новом блоге на wordpress много картинок и по одной их заменять — слишком долгое занятие. Около 100 статей, все с картинками.

    Сделал так:

    1. Через ftp скопировал всю структуру wp-content/uploads/2015

    2. Установил бесплатную программу FileOptimizer.

    3. Сделал бэкап картинок (копию в отдельную папку)

    4. Перекинул папку "2015 " в интерфейс программы. Что удобно, программа сама находит все подпапки и файлы.

    5. Нажал кнопку «оптимизировать все изображения».

    6. Залил их обратно на ftp.

    Результаты: раньше все картинки занимали 16,2 Мб, теперь 10,9. Уменьшение почти на 33%!

    Ответить
    1. Анна Фёдорова

      Утилиту FileOptimizer ещё не тестировала, спасибо за наводку.

      Ответить
  6. Андрей Косолапов

    Интересные сервисы, поигрался немного. Спасибо :o

    Ответить
  7. Игорь Новожилов

    Ещё как способ — можно уменьшить ленту новостей на главной странице :)

    Ответить
  8. Ольга

    Использую данные сервисы иногда. Из за картинок может и грузиться долго сайт.

    Ответить
  9. Артем

    Я проверил свой блог и оказалась что работать и работать, но на разных сервисах показывает по разному.

    Ответить
  10. Мишаня

    Хорошая статья, хотя мне пока и некуда применить полученные знания.

    Каким образом, Анна, Вам удалось получить столько разнообразного полезного опыта по оптимизации сайтов?

    Дальнейших Вам успехов!

    Буду у Вас учиться!

    Ответить

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