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

Как измерить производительность вашего сайта

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

GTMetrix оценит производительность вашего сайта на основе теста Google PageSpeed Insights и YSlow. Он также предоставляет несколько практических показателей, чтобы еще больше прояснить время загрузки.

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

GTMetrix выполнит несколько тестов в течение примерно 20 секунд, после чего вы увидите такой отчет:

Результаты тестирования для Compettethemes.com

Здесь есть что распаковать, но мы собираемся полностью сосредоточиться на разделе «Сведения о странице» справа.

Понимание ваших показателей эффективности

GTMetrix выделяет три показателя в каждом отчете:

Время полной загрузки
Общий размер страницы
Запросы

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

Время полной загрузки

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

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

Среднее время полной загрузки: 6,8 секунды

Общий размер страницы

Следующий показатель – общий размер страницы.

В этом случае «размер» – это термин, используемый для описания объема данных (например, КБ и МБ), а не визуальных размеров страницы.

Например, изображение размером 3 МБ на вашем сайте значительно увеличило бы размер вашей страницы. Иногда мы также называем это «весом страницы».

Уменьшение общего размера страницы сократит время полной загрузки.

Средний общий размер страницы: 2,97 МБ

Всего запросов

Последний показатель в отчете называется «Запросы».

«Запросы» означает количество файловых запросов. Например, сообщение в блоге с пятью изображениями сделает 5 файловых запросов для этих изображений. Он также будет запрашивать файл CSS темы, файлы JS из плагинов и так далее.

Уменьшение количества запросов сократит время полной загрузки.

Среднее количество запросов: 85

Собираем все вместе

Вот важный вывод из этих трех показателей:

Время полной загрузки вашего сайта увеличивается на общий размер страницы и количество запросов.

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

Итак, если вы хотите ускорить работу своего сайта, вы делаете это:

Уменьшение размера вашей страницы
Уменьшение количества файловых запросов

Внутри отчета GTMetrix вы найдете список рекомендуемых оптимизаций на основе отчета Google PageSpeed, и, помимо некоторых, все они связаны с уменьшением размера страницы и уменьшением количества запросов.

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

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

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

Ваши измерения не останутся прежними

Каждый раз, когда вы запускаете свой веб-сайт через GTMetrix, время полной загрузки будет немного другим. И если вы попробуете другие инструменты, такие как Pingdom, вы снова увидите другие значения.

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

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

Но это небольшое изменение создает проблему …

Улучшения трудно измерить

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

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

А вот и паршивая вечеринка …

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

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

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

Придерживайтесь основ

В случае сомнений придерживайтесь основ оптимизации производительности:

Уменьшите размер страницы
Уменьшить количество запросов

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

Уменьшил ли я количество файловых запросов и / или уменьшил ли размер страницы?

Если да, то вы хорошо поработали.

Как мне оптимизировать свой сайт?

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

Это потому, что у меня уже есть массивное сообщение в блоге на эту тему:

Все 36 способов ускорить работу вашего сайта на WordPress →

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

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

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

Источник записи: www.competethemes.com