хостинг

Скорость работы и производительность сайта

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

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

Содержание

Сайты с тарифными планами Free, Personal и Premium

Быстрой работе сайта мешают в основном сторонние плагины и темы, которые нельзя установить на сайтах без тарифного плана Business или eCommerce.

В случае тарифных планов Free, Personal или Premium плагины нельзя установить. Кроме того, можно использовать только наши встроенные темы, которые разработаны по самым высоким стандартам и не замедляют работу веб-сайта. На серверной стороне реализовано несколько уровней кеширования и оптимизации, чтобы обеспечить быструю загрузку вашего сайта в любой точке мира. 

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


Инструменты для измерения скорости работы сайта

В Интернете можно найти различные инструменты для измерения скорости работы сайта, включая следующие:

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

Например, Google PageSpeed Insights часто рекомендует удалить JavaScript и CSS, блокирующие рендеринг. Однако, если так сделать, это почти не скажется на скорости работы сайта, но помешает ему выглядеть и функционировать должным образом.

Например, даже у одного из сайтов Google довольно низкие оценки:

https://developers.google.com/speed/pagespeed/insights/?url=fonts.google.com

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


Достижение хорошей производительности сайта

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

В Интернете в среднем сайт может загружаться до 4–5 секунд, однако это зависит от ряда факторов, среди которых наиболее распространены следующие. 

Плагины установлены

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

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

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

  • Безопасность и SSL
  • Резервные копии
  • Кэширование
  • Скорость работы сайта и оптимизация
  • Управление базами данных
  • Промежуточное хранение
  • Защита от спама
  • Сброс сайта

Все эти функции обрабатываются в соответствии с тарифными планами WordPress.com Business или eCommerce. В случае установки таких плагинов может возникнуть конфликт со встроенными функциями повышения производительности сайта. Вы можете проверить весь список несовместимых плагинов.


Сторонние сценарии

Потоковое видео и виджеты таких сервисов, как YouTube, Vimeo, Soundcloud, TripAdvisor, Google AdSense, Twitter и Facebook, также могут влиять на время загрузки. Это связано с тем, что данные части вашего сайта/содержимого извлекаются из внешнего источника. Соответственно, необходимо дождаться завершения загрузки этого сервиса, прежде чем ваш сайт будет полностью загружен. 

Хотя здесь есть элемент ожидания, это время обычно невелико. Задержки более заметны на страницах с большим количеством внедрённого материала.


Оптимизация изображений

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

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


Темы

Выбранная тема управляет макетом и дизайном сайта. Тарифные планы Business и eCommerce позволяют загрузить любую тему любого автора, а не только темы из нашего портфолио WordPress.com. Это даёт возможность выбирать из тысяч тем, но следует учитывать, что другие темы могут быть созданы без учёта скорости работы сайта.

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

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


Отрасль 

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

Тестирование производительности сайта | GTmetrix

Чтобы измерить скорость работы своего сайта с помощью GTmetrix, посетите https://gtmetrix.com/, вставьте в поле URL-адрес своего сайта и нажмите кнопку Test your site («Протестируйте свой сайт»).

Когда система завершит анализ, вы сможете увидеть оценки PageSpeed и YSlow для своего сайта:

Результаты GTmetrix для скорости работы сайта

В области Page Details («Сведения о странице») в разделе Fully loaded time («Время полной загрузки») отображается время полной загрузки вашего сайта в секундах. Если сайт полностью загружается за 1–3 секунды, его можно считать быстрым. 

Дополнительные сведения об инструментах PageSpeed и YSlow, используемых в GTmetrix, можно найти в их официальной документации.

Базовый сайт WordPress.com с тарифным планом Business, встроенными пользовательскими плагинами и активированной темой по умолчанию загружается примерно за 1 секунду.

В поле Total Page Size («Общий размер страницы») указан общий размер страницы, включая все изображения, видео, сценарии и другие файлы. Чем меньше размер страницы, тем быстрее загружается сайт.

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

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

Все перечисленные выше индикаторы дают общее представление о сайте, но не детальную информацию, которая важна для определения того, что загружается дольше всего и что можно оптимизировать. Для этого перейдите на вкладку Waterfall («Каскад») в GTmetrix.

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

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


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