Узнаем время загрузки WordPress сайта и количество запросов к БД

By | 08.08.2012

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

Узнаем время загрузки WordPress сайта и количество запросов к БД

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

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

Существуют несколько способов измерения скорости загрузки страницы:

  • с помощью кода;
  • с помощью специального сервиса;
  • с помощью плагина WordPress;
  • с помощью Page Speed плагина FireBug для браузера FireFox. 

Теперь каждый из способов опишу более детально.

Способ 1.

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

Все, что нужно сделать, — это вставить приведенный ниже код в любой файл вашей темы в зависимости от того, где вы хотите вывести результат. Например, если вы хотите вывести результат в самом верху сайта, вставьте его в файл header.php, а если внизу — в файле footer.php

В результате вы увидите что-то вроде: «64 запросов за 1.248 секунд».

Например, чистый, только что созданный WordPress сайт без дополнительных плагинов на стандартной теме Twenty Eleven в среднем загружается за 0,180 секунд и посылает 8 запросов к Базе Данных.

P.S. спасибо http://wordpresso.org/hacks/kak-uznat-kolichestvo-zaprosov-k-bd-i-vremya-zagruzki-wordpress-sayta/ за информацию.

Способ 2.

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

Это можно сделать при помощи сервиса Pingdom .

Сервис тестирования скорости загрузки всех элементов на странице

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

При тестировании, обратите внимание на пункт «Response Headers» (код ответа). Его можно увидеть, если в результатах тестирования нажать на стрелочку справа от названия файла.

пункт «Response Headers»

В выпавшем блоке рядом с пунктом «Response Headers» должно быть написано 200 — это значит, что этот файл есть на вашем сервере и сервис его нашел. Если стоит другой код, значит файл не найден. Соответственно, эту ошибку на вашем сайте нужно исправить.

Еще обратите внимание на самую нижнюю строку блока результатов тестирования.

Способ 3.

Еще один способ измерения скорости загрузки вашего сайта заключается в установке специального плагина WP Tuner, который показывает время загрузки страницы, производительность SQL запросов и их количество и многие другие важные для вебмастера вещи. Разработчик давно не обновлял версию, так что может не работать в последних версиях WordPress. Скачать WP Tuner можно с официальной страницы.

Как с ним работать?

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

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

Регулярно просматривайте в консоли таблицу WP Tuner и исправляйте все, найденные им ошибки (если такие появятся).

Способ 4.

Чтобы проверить скорость загрузки сайта и найти причины его медленной работы, можно воспользоваться расширением Page Speed плагина FireBug для браузера FireFox.

Для того, чтобы им воспользоваться, нам необходимо его сначала установить. Для этого мы заходим через FireFox на страницу FireBug (https://addons.mozilla.org/ru/firefox/addon/firebug/?src=dp-dl-dependencies) и установливаем этот плагин.

Дальше выполняем то же самое для Page Speed — http://code.google.com/intl/ru-RU/speed/pagespeed/download.html

Собственно, возможностей протестировать сайт существует множество.

Но расширение Page Speed — это универсальный инструмент для диагностики проблем сайта — я рекомендую использовать именно его.

Как пользоваться дополнением Page Speed?

  1. После установки двух указанных выше дополнений, перезагружаете FireFox;
  2. Кликаете правой клавишей мыши на любом месте страницы, вызывая т.о. контекстное меню;
  3. Выбираете в нем пункт «Анализировать элемент»;
  4. Откроется окно плагина FireBug;
  5. На панели плагина выбираете пункт Page Speed;
  6. В открывшейся вкладке кликаете по кнопке «Analyze Performance»

В результате тестирования вы получите рекомендации такого типа:

  • Используйте кэш браузера;
  • Уменьшите число переадресаций;
  • Объедините изображения в CSS-спрайты;
  • Отложите синтаксический анализ JavaScript;
  • Включите сжатие;
  • Оптимизируйте изображения;
  • Используйте Keep-Alive;
  • Укажите валидатор кэша;
  • Предоставляйте ресурсы с одного и того же URL;
  • Уменьшите размер запросов;
  • Оптимизируйте порядок загрузки стилей и скриптов;
  • Сократите CSS;
  • Сократите JavaScript;
  • Встройте небольшие ресурсы JavaScript;
  • Используйте асинхронные ресурсы;
  • Не используйте правило CSS @import;
  • Сократите HTML;
  • Предоставьте изображения с нужными пропорциями;
  • Укажите размеры изображений;
  • Укажите набор символов;
  • Удалите строки запросов из URL статических ресурсов;
  • Укажите заголовок Vary: Accept-Encoding;
  • Встройте небольшие CSS;
  • Не используйте некорректные запросы;
  • Разместите CSS в заголовке документа;
  • Сделайте переадресации с целевой страницы кэшируемыми;
  • Defer loading of JavaScript;
  • Remove unused CSS;
  • Use efficient CSS selectors.

Обратите внимание на те пункты списка, которые у вас будут отмечены красными маркерами, в первую очередь нужно заняться исправлением именно их.

P.S. спасибо http://prodengiblog.ru/archives/2358 за информацию.

Думаю, что поэкспериментировав, вы выберете наиболее подходящий способ для себя. О дальнейших шагах про оптимизацию вашего сайта, читайте в моей статье «Разгоняем WordPress«. Всем удачи!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

One thought on “Узнаем время загрузки WordPress сайта и количество запросов к БД

  1. Елена

    Нужный материал, я сейчас как раз занимаюсь ускорением блога и воспользуюсь вашими советами, спасибо!

    Reply

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

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

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.