Проверка скорости сайта

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

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

0. Самостоятельная проверка в браузере

Когда я писал эту статью, я не знал, что проверить скорость сайта можно прямо в браузере, это отличный способ. Проверял в Google Chrome. Нажмите F12 — Network — F5, внизу будут показаны количество запросов, вес всех данных, время загрузки с учетом дозагрузок, время загрузки и время загрузки DOM, нас интересуют два последних показателя — load — время полной загрузки без учета всяких ajax дозагрузок и DomContentLoded — время загрузки DOM (скелета сайта).

1. pr-cy.ru/speed_test

Быстрое измерение скорости загрузки, можно измерить сразу 10 страниц одного или разных сайтов, можно сравнить свои страницы со страницами конкурентов или искать проблемные страницы на своем сайте. Работает очень быстро, показывает размер страницы, время загрузки и скорость загрузки. В целом, данных минимальное количество, но, зато на измерение скорости 10 страниц уходит всего несколько секунд. Показывает только время загрузки DOM, то есть сколько времени проходит до того момента, когда посетитель увидит сайт или его «скелет».

2. sitespeed.ru

Более продвинутый инструмент для замера скорости загрузки сайта, а также поиска проблем при загрузке — сервис покажет какое время отвечает сервер, сколько времени тратится на каждую картинку и каждый скрипт. Тест длится дольше и для подробного отчета после анализа нужно ввести Email, на него придет PDF-файл с отчетом, это создает определенную трудность, но ради продвинутого анализа можно поработать. Без указания Email можно узнать время загрузки, время генерации и размер файлов, получить оценку настройки и наполнения сайта, получить короткие советы. Если запросить отчет на Email, то приходит подробный отчет о том, в каком порядке грузятся файлы и сколько времени на них тратится. Для проверки следующей страницы нужно перейти на главную страницу. Сервис показал, что на моем сервере не включено кэширование и слишком много JS и CSS файлов, это проблема WordPress, будем с ней бороться.

*Проверка производится через браузер IE 8, нужно это учитывать, если ваш сайт отдает дополнительные файлы для Internet Explorer.

Почему данные сильно различаются с первым сервисом? Скорее всего, Pr-Cy делает не полный анализ, не измеряя скорость загрузки сторонних скриптов, таких как кнопки социальных сетей, реклама, счетчики.

3. developers.google.com/speed/pagespeed/insights

Продвинутый инструмент от Google, показывает скорость загрузки с мобильных устройств и с компьютера, меня больше интересует второе. Не показывает время загрузки страницы или ее размер, а только дает общую оценку в процентах. Но кроме этого дает список рекомендаций с ссылками на инструменты. Для первых двух страниц сервис показал оценку 78 из 100, для третей — 88 из 100.

4. fpt.pingdom.com

Еще один сервис подробной статистики по каждому файлу. Показывает общую оценку, количество запросов к сайту, время загрузки и размер страницы. Данные похожи на данные второго сервиса, но в сокращенном варианте, если сравнивать с отчетом по Email, здесь все данные показываются сразу. Есть рекомендации и история замеров. Минус — сервис на английском языке.

Этих четырех сервисов достаточно для того, чтобы понять как быстро грузится ваш сайт и как его ускорить. Основные работы для ускорения сайта:

1. Включение кэширования (например, плагином для WordPress WPSuperCashe).
2. Отключение ненужных скриптов, нужные передвинуть ниже в коде, чтобы они не тормозили загрузку основного содержимого. Но некоторые скрипты должны грузится выше на странице, если наблюдаются проблемы, то нужно просто вернуть их на место.
3. Объединить CSS-файлы в один. В WordPress из-за плагинов и некоторых тем грузится несколько CSS, это не правильно, сайт будет работать, если все они будут в одном файле.
4. Отключить ненужные плагины.

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