Скорость работы — один из самых важных параметров сайта, поскольку посетители ожидают быстрого беспроблемного взаимодействия. В этом руководстве рассматриваются факторы, влияющие на скорость работы сайта, инструменты для её измерения и предоставляемая ими информация, а также пример повышения скорости работы реального сайта.
В этом руководстве
- С чем связаны проблемы со скоростью работы сайта?
- Что мы делаем для оптимизации сайта
- Повышение скорости работы сайтов с тарифными планами Free, Personal и Premium
- Повышение скорости работы сайтов с поддержкой плагинов
- Инструменты для измерения скорости работы сайта
- Тестирование производительности сайта | GTmetrix
Самые распространенные факторы, замедляющие работу сайта:
- изображения с высоким разрешением или без оптимизации;
- количество и (или) качество установленных плагинов;
- медленные сторонние темы;
- объём содержимого на одной странице (в частности изображений и медиафайлов);
- скорость интернет-подключения устройства, на котором просматривают сайт.
WordPress.com управляет техническими аспектами, влияющими на скорость работы сайта. Мы создали систему с несколькими уровнями кеширования и оптимизации, обеспечивающую быструю загрузку сайта в любой точке мира, которая в 2021 году была названа самым быстрым хостингом. Помимо оптимизированной среды хостинга, также реализовано следующее.
- Предоставление оптимизированных тем для сайтов.
- Использование сети предоставления содержимого (CDN), чтобы посетители сайта из любой точки мира могли быстро получить доступ к контенту.
- Предоставление описанных ниже инструментов и ресурсов для оптимизации скорости работы сайта.
Основные элементы, влияющие на скорость работы сайта — это сторонние плагины и темы. Поскольку их нельзя установить на сайты с тарифными планами Free, Personal и Premium, для таких сайтов, как правило, не характерны проблемы со скоростью работы.
Помимо плагинов, один из основных факторов, замедляющих работу сайта, — это размер и количество изображений, размещенных на странице сайта или блога. Нам хорошо знакомо желание поделиться с посетителями сайта изображениями в самом высоком качестве. Однако часто это означает, что размер файлов будет намного больше, чем нужно.
Следуйте инструкциям по оптимизации изображений для просмотра в Интернете.
В идеале следует стремиться к максимально быстрой загрузке сайта. В том числе найти баланс между функциями, которые требуются пользователям сайта, и фактически достижимой скоростью.
В среднем загрузка сайта занимает 4–5 секунд. При этом на скорость работы сайта влияют различные факторы, например следующие.
Сайт с чрезмерным количеством плагинов загружается медленнее, чем сайт, где активных плагинов немного. В первом случае для отображения страниц сайту приходится обрабатывать больше кода.
Владельцам тарифных планов с поддержкой плагинов доступны дополнительные опции для оптимизации сайта.
- Плагин оптимизации страниц. Этот плагин включает в себя опции, которые позволяют связать CSS и JavaScript и отложить выполнение некритических скриптов. Эти опции ускоряют загрузку сайта WordPress.com браузерами.
- CDN Jetpack. В Jetpack есть функции сети предоставления содержимого (CDN), которые позволяют распределить нагрузку на сервер и экономить трафик. Соответствующие опции доступны в разделе Настройки → Производительность → Производительность и скорость.
Вы можете считать некоторые плагины необходимыми, но, если они плохо влияют на производительность сайта, самое время пересмотреть список обязательных компонентов.
Как правило, следует стремиться к использованию минимального количества плагинов. Обратите внимание, что на сайте WordPress.com можно не использовать плагины следующих категорий.
- Безопасность и SSL
- Резервные копии
- Кеширование
- Скорость работы сайта и оптимизация
- Управление базами данных
- Промежуточное хранение
- Защита от спама
- Сброс сайта
Все эти функции обрабатываются в соответствии с вашим тарифным планом WordPress.com. В случае установки такие плагины могут мешать работе встроенных функций повышения производительности сайта.
С полным списком несовместимых плагинов можно ознакомиться здесь.
Потоковое видео и виджеты таких сервисов, как YouTube, Vimeo, Soundcloud, TripAdvisor, Google AdSense, Twitter и Facebook, также могут влиять на время загрузки. Это связано с тем, что эти части сайта или содержимого берутся из внешнего источника и приходится ждать, пока загружаются данные из того сервиса.
Здесь тоже приходится ждать, но обычно недолго. Задержки более заметны на страницах с большим количеством внедрённого материала.
Снижать скорость загрузки сайта могут неоптимизированные изображения, поскольку большие файлы загружаются дольше.
Чтобы этого избежать, оптимизируйте изображения. В этом руководстве есть дополнительная информация о том, как ускорить загрузку изображений.
Выбранная тема управляет макетом и дизайном сайта. Тарифный план WordPress.com с поддержкой плагинов позволяет загружать темы любого автора, а не только быстрые темы WordPress.com из нашей подборки. Это даёт возможность выбирать из тысяч тем, но следует помнить, что при разработке сторонних тем может не учитываться скорость работы сайта.
Выбирая тему, обратите внимание на отзывы, количество активных установок, дату последнего обновления и сведения о совместимости. Эти сведения важно учитывать при выборе.
Самые потрясающие темы могут быть худшими с точки зрения скорости работы сайта, если они перегружены дополнительными элементами. Поэтому рекомендуем выбирать тему тщательно и рассматривать те варианты, где нет ничего лишнего.
Отрасль, которую вы обслуживаете, также может влиять на производительность и загрузку вашего сайта. Исторически сложилось так, что веб-сайты в автомобильной, туристической, розничной и развлекательной отраслях, как правило, загружаются дольше, в основном потому, что такие сайты больше по размеру и имеют наибольшее количество загружаемых ресурсов (медиаданные, стили и сценарии).
В Интернете можно найти различные инструменты для измерения скорости работы сайта, включая следующие:
Инструменты автоматического измерения производительности сайта дают общие рекомендации. Они помогают найти возможности повысить скорость работы сайта.
При этом они часто не учитывают специфику конкретных платформ, таких как WordPress.com, или инструментов, обеспечивающих желаемый вид и работу сайта.
Например, Google PageSpeed Insights часто рекомендует удалить JavaScript и CSS, блокирующие рендеринг. Однако, если так сделать, это почти не скажется на скорости работы сайта, но помешает ему выглядеть и функционировать должным образом.
Например, инструмент PageSpeed Insights выдает низкие оценки даже по одному из сайтов Google:
https://developers.google.com/speed/pagespeed/insights/?url=fonts.google.com
Но это не говорит о том, что этот сайт плохой. Просто он не проходит строгую проверку соответствия правилам, выполняемую инструментами автоматического тестирования производительности.
Чтобы измерить скорость работы своего сайта с помощью GTmetrix, посетите https://gtmetrix.com/, вставьте в поле URL-адрес своего сайта и нажмите кнопку Test your site («Протестируйте свой сайт»).
Когда система завершит анализ, вы сможете увидеть оценки PageSpeed и YSlow для своего сайта:
В области «Сведения о странице» в поле Время полной загрузки отображается время полной загрузки вашего сайта в секундах. Например, если сайт полностью загружается за 1–3 секунды, его можно считать быстрым.
Дополнительные сведения об инструментах PageSpeed и YSlow, используемых GTmetrix, см. в официальной документации.
💡
Базовый сайт WordPress.com со встроенными пользовательскими плагинами и активированной темой по умолчанию загружается примерно за 1 секунду. В 2021 году это считалось самым быстрым хостингом WordPress.
В поле Общий размер страницы указан итоговый размер страницы с учетом всех изображений, видео, сценариев и других файлов. Чем меньше размер страницы, тем быстрее загружается сайт.
То же самое относится к количеству запросов на странице. Количество запросов показывает, сколько файлов загружается для полного отображения сайта. Чем меньше это значение, тем меньше файлов загружается и быстрее грузится сайт.
⚠️
Большинство запросов к HTTP-странице часто поступает от различных плагинов. Каждый плагин добавляет сайту немного веса. Всегда удаляйте неиспользуемые плагины.
Все перечисленные выше показатели дают общее представление о сайте, но не детальную информацию, без которой невозможно определить, что загружается дольше всего и что можно оптимизировать. Для этого перейдите на вкладку Waterfall («Каскад») в GTmetrix.
Вкладка Waterfall помогает узнать, откуда загружаются файлы, насколько они велики и сколько времени занимает загрузка. Например, можно нажать на заголовок любого столбца, чтобы упорядочить загруженные элементы по времени или размеру.
Чтобы выявить факторы замедления сайта, большую часть времени приходится проводить за изучением этой вкладки. Если некоторые файлы поступают от пользовательского плагина, замедляющего работу вашего сайта, и в этом плагине нет крайней необходимости, рассмотрите возможность его деактивации. Затем повторно протестируйте скорость работы, чтобы узнать, насколько в результате повысилась эффективность вашего сайта.
Надеемся, вы нашли в этом кратком обзоре полезные советы, подсказки и инструменты для оптимизации вашего сайта. Если у вас есть вопросы, вы всегда можете связаться с нами.
Поддержка 