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

Опубликовано: 2016-01-12

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

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

Шаг первый: Тест!

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

wordpress-производительность-скамейка

Чтобы проверить скорость вашего сайта, лучше всего использовать комбинацию WebPageTest и Google PageSpeed ​​Insights. WebPageTest дает вам хорошее представление о фактическом времени (в секундах), которое требуется сайту для загрузки, и эти показатели помогут вам узнать, является ли серверная или клиентская часть причиной медленной загрузки сайта. Google PageSpeed ​​Insights лучше всего подходит для просмотра того, как ваш сайт отображается в браузере, и может помочь вам определить, что вы можете улучшить во внешнем интерфейсе.

Шаг 2. Убедитесь, что у вас лучший хост

Цена виртуального хостинга всегда кажется выгодной, но она имеет другую цену: низкая скорость сайта, нестабильная производительность и частые простои. Стресс того не стоит, особенно когда у вас есть возможность выбрать управляемый хост WordPress (например, Flywheel!), Который позаботится об огромной части ваших проблем с производительностью WordPress. Когда дело доходит до хостинга, вы не хотите связываться с миграциями в последнюю минуту, взломанными сайтами, некачественными серверами и неожиданными простоями в самые важные моменты.

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

Шаг третий: проведите аудит ваших плагинов

Добавление плагинов на сайт может принести много функциональности и забавных вещей, которые сделают ваш сайт далеко за рамки простого. К сожалению, многие из них несут с собой накладные расходы. Мы видели так много медленных сайтов, которые сразу же можно вылечить, просто отключив несколько плагинов. Лучший способ избежать головной боли при управлении плагинами — помнить о производительности при разработке своего сайта. «Не тратьте недели, полагаясь на плагин только для того, чтобы он стал проклятием вашего существования» когда вы узнаете, что это делает ваш сайт очень медленным. Читайте обзоры, регулярно тестируйте их и убедитесь, что вы обновляете их до последней версии, когда она доступна.

wordpress-производительность-логика

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

Вы можете легко отследить, какие плагины могут вызывать снижение производительности вашего сайта. Обычно мы используем плагин под названием P3 Profiler, который просеивает весь ваш сайт и сообщает, за какой процент от общего времени загрузки отвечает каждый плагин. Если вы серьезно относитесь к скорости, вы будете запускать тест P3 Profiler каждый раз, когда активируете новый плагин, чтобы убедиться, что вы не устанавливаете что-то, что пожертвует скоростью. Кроме того, сравнив свои плагины сразу же, вы не будете тратить время на возню с плагином, если он не будет работать хорошо в долгосрочной перспективе.

Если есть плагины, без которых вы просто не можете жить, но которые все равно замедляют работу вашего сайта, есть способы продолжать их использовать. Как правило, если вы обнаружите, что плагин загружается медленно, следующим шагом будет увеличение памяти на вашем сервере. Устранение необходимости делать это — лучший план действий, но, вероятно, есть несколько плагинов, от которых вы, возможно, не захотите отказаться (например, WooCommerce).

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

Шаг четвертый: кэшируйте все

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

Точно так же на стороне сервера наличие уровня кэширования творит чудеса для очень быстрого обслуживания вашего сайта. Самый распространенный способ кеширования на стороне сервера в WordPress — использование плагина W3 Total Cache. Этот плагин (или аналогичный) нужен практически на всех хостах. Исключением из этого правила является Маховик; мы обрабатываем кэширование на стороне сервера для вас за кулисами с помощью Varnish. Использование Varnish вместо плагина может значительно увеличить скорость, потому что Varnish никогда не должен взаимодействовать с PHP. Он немедленно обслуживает кэшированные статические копии вашего сайта (даже не затрагивая прикладной уровень PHP), в то время как плагины по-прежнему запускаются PHP.

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

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

Шаг пятый: используйте CDN

Сеть доставки контента (или CDN) — это сеть серверов, которые обслуживают ваш веб-сайт и его активы из разных мест в зависимости от местоположения пользователя. Например, предположим, что вы не используете CDN, а ваш сайт размещен в Сан-Франциско. Когда кто-то, скажем, из Барселоны посещает ваш сайт, он должен получить все ваши активы с вашего сервера в Сан-Франциско.

wordpress-производительность-cdn

Большое расстояние между двумя местоположениями явно занимает больше времени, чем если бы кто-то из Сан-Франциско загружал ваш сайт, размещенный в Сан-Франциско. CDN обслуживает ваши активы с нескольких разных серверов, расположенных в Нью-Йорке, Сиэтле, Омахе, Париже, Лондоне, Пекине и Сан-Франциско (и многих других). Идея состоит в том, что пользователи будут заходить на ближайший к ним сервер и не жертвовать временем загрузки, поскольку расстояние между ними и сервером меньше. С CDN тот же человек из Барселоны теперь будет попадать в центр обработки данных в Лондоне или Париже, а не в Сан-Франциско. Использование CDN определенно увеличит скорость вашего сайта для пользователей по всему миру!

Некоторые из самых популярных CDN включают Amazon Web Services, CloudFlare и MaxCDN. У большинства из них есть бесплатные планы, но если у вас много посетителей и много ресурсов, вам, скорее всего, придется платить за CDN. Как правило, их легко настроить, но если вам нужно очень простое решение для настройки, вам следует проверить надстройку MaxCDN от Flywheel.

wordpress-производительность-электронная книга

Попробуйте статистику производительности!

Мы знаем, что хостинг сам по себе не может решить все ваши проблемы с производительностью WordPress (хотя облачная платформа Flywheel действительно заставляет ваш сайт летать!). Небольшие детали во внешнем интерфейсе могут сильно замедлить работу… и с таким количеством плагинов, тем и технологий, работающих вместе, может быть трудно понять, с чего начать.

Наше дополнение Performance Insights позволяет подробно изучить аспекты высокой и низкой производительности вашего сайта. Оттуда мы делаем еще один шаг и предоставляем вам рекомендуемые действия непосредственно от нашей команды экспертов, чтобы вы точно знали, где и как улучшить скорость вашего сайта! Узнайте больше здесь.