Как ускорить ваш сайт WordPress? [Полное руководство]

Ваш сайт WordPress работает медленно? Если да, то нам нужно над этим работать.

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

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

Имеет ли значение скорость сайта?

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

Google берет скорость

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

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

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

При снижении скорости загрузки со 100 миллисекунд до 600 миллисекунд количество поисковых запросов уменьшилось на 0,2% до 0,6%, результаты усреднялись за четыре-шесть недель. У вас может возникнуть соблазн усомниться в значимости этих результатов.

Также было обнаружено, что те, кто подвергался задержке в 200 миллисекунд, выполняли на 0,22% меньше поисков в течение первых трех недель и на 0,36% меньше поисков во вторые три недели. А при 400-миллисекундной задержке те же результаты последовали за снижением на 0,44% и 0,76% в первую и вторую трехнедельные периоды. Как вы можете себе представить, такое влияние на количество выполненных поисков огромно, учитывая масштаб веб-поиска Google.

Помимо Google, несколько крупных компаний, включая AOL, Microsoft, Bing и Shopzilla, осознали важность быстрой загрузки веб-сайтов. Вы можете прочитать больше об этом здесь.

Скорость загрузки веб-сайта имеет значение — пользовательский опыт

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

Прежде чем мы перейдем к «быстрому созданию вашего сайта», скажите, насколько это быстро? Давайте рассмотрим несколько инструментов, которые помогут нам!

Насколько хорошо работает ваш сайт?

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

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

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

1. Выбор хостинга

Хотя вы можете сделать несколько вещей для повышения производительности вашего сайта, такие методы имеют свои ограничения. Настройка программного обеспечения только поможет оптимизировать работу сайта. Но когда дело доходит до этого, ничто не сравнится с лучшим оборудованием. Общий хостинг — это вариант для сайтов с низким трафиком, но вам необходимо масштабировать свое оборудование по мере роста трафика вашего сайта. Виртуальный частный сервер, выделенный хостинг и управляемый хостинг — это варианты, используемые сайтами с высоким/средним трафиком. Выделенный хостинг зарезервирован для крупнейших сайтов с миллионами ежедневных посещений. VPS предназначен для технически подкованных, а управляемый хостинг WordPress — для тех, кто не разбирается в технологиях и ведет онлайн-бизнес.

Предполагая, что у вас ограниченный бюджет, я бы порекомендовал план общего хостинга SiteGround. У них почти 100% время безотказной работы, бесплатная регистрация доменного имени, бесплатные ежедневные резервные копии, 30-дневная гарантия возврата денег и масштабируемость.

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

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

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

(Предполагая, что вы используете что-либо, кроме управляемого хостинга WordPress, где кэширование обеспечивается вашей хостинговой компанией)

WP Rocket — это самый продаваемый плагин кэширования премиум-класса, который эффективно оптимизирует скорость вашего сайта. Многие плагины кэширования WP сложны для новичка в WP. А сложность опций хороша для опытного и среднего пользователя WP. WP Rocket не так уж сложно понять и использовать.

WP Rocket выполняет кеширование страниц для снижения скорости загрузки, предварительную загрузку кеша для облегчения индексации сайта поисковыми системами, загрузку изображений только по запросу (при прокрутке вниз, а не при первой загрузке страницы), сжатие файлов для преобразования HTML, JS и CSS в статические файлы, а плагин довольно удобен для разработчиков.

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

Подробнее / Скачать

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

Бесплатный плагин кэширования обычно выполняет следующие действия.

Минимизируйте HTML, CSS и Javascript

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

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

Минимизируйте количество HTTP-запросов

Вы можете уменьшить количество запросов к серверам вашего сайта. Каждый раз, когда кто-то посещает ваш сайт, они запрашивают файлы вашего сайта. Сюда входят файлы HTML, файлы CSS и JS. Если у вас есть несколько файлов каждого типа, на ваши серверы отправляется запрос для каждого отдельного файла для каждого отдельного файла.

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

Замените PHP статическим HTML

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

GZIP-сжатие

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

Кэширование браузера

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

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

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

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

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

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

3. Выберите правильный фреймворк

Фреймворки образуют скелет, на котором вы строите внешний вид своего сайта и в конечном итоге отображаете свой контент. Хорошая структура важна для обеспечения хорошей производительности сайта. Яркая мультимедийная тема с громоздкой структурой не делает веб-сайт быстрым. Тема, которая помогает создавать и изменять внешний вид вашего сайта, также влияет на время загрузки сайта.

С точки зрения производительности, когда дело доходит до скорости сайта, тематические дома, такие как Headway Themes, StudioPress (Genesis) и iThemes, производят темы, основанные на прочной и компактной основе. И на этой основе они создают цветные темы, предназначенные для определенных типов сайтов и ниш. В значительной степени успех тем вышеперечисленных домов можно отнести к их фреймворкам WP, на которых они строят свои темы. Я бы порекомендовал любую из тем выше каркасов домов.

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

4. Используйте CDN

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

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

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

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

5. Оптимизируйте базу данных вашего сайта

Используйте плагин для оптимизации базы данных WordPress и наведите порядок в базе данных вашего сайта. WP-Sweep — это мощный плагин, который выполняет несколько функций, связанных с процессом очистки WP-Spring.

WP Sweep удаляет избыточные версии сообщений, комментарии (спам и неутвержденные), любые формы потерянных и дублированных метаданных (пользователь, комментарий и сообщение) и неиспользуемые термины из вашей базы данных WordPress. Существуют и другие плагины для оптимизации баз данных, такие как WP-DB Manager и WP Optimize, но WP Sweep имеет значительное преимущество над ними. WP Sweep выполняет команды удаления данных WordPress, поэтому не остается потерянных данных, как в случае двух других плагинов, которые выполняют запросы MYSQL.

Плагин оптимизации базы данных избавит вас от:

• Спам, неподтвержденные и удаленные комментарии. Комментарии могут скапливаться горой в вашей базе данных wp, если вы позволите этому случиться. Оптимизация вашей базы данных WP время от времени предотвратит это.
• Дублирующиеся и потерянные данные в вашей базе данных WordPress. Дублированный контент — это нагрузка на ваши серверы, которую они не должны нести. Бесхозные данные влияют на базу данных вашего сайта, занимая строку за строкой, и ничего не вносят в ваш сайт, отсюда и термин «бесхозные». Дублированный контент и потерянные данные бесполезны, избавьтесь от них обоих на своем сайте.
• Ненужные ревизии постов. Многократные ревизии постов не нужны, и они могут многое добавить, удалить их.

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

Я могу продолжить о том, как и что вы должны сделать, чтобы ваша база данных WordPress была чистой, но это довольно большая работа сама по себе, и я не могу добавить здесь больше, но если вы хотите прочитать дальше. Это должно вам помочь — «WordPress Spring Cleaning Toolkit — полное руководство по оптимизации установки WordPress для повышения производительности».

6. Сжимайте изображения

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

Благодаря сжатию без потерь, обеспечиваемому EWWW Image Optimizer, вы можете уменьшить размер изображения без потери качества. Кроме того, вы можете использовать плагин Compress JPEG & PNG Images. Обещают сжатие по размеру примерно на 40–60 % для изображений JPEG и на 50–80 % для изображений PNG без видимой потери качества.

7. Диагностируйте свои плагины

В конце концов, все плагины — это фрагменты кода, которые помогают выполнять функции. Иногда они становятся громоздкими и контрпродуктивными.

Как вы определите якоря вашего сайта? Остановить их загрузку?

P3 — Профилировщик производительности плагина

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

Получите P3 Profiler здесь!

Организатор плагинов

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

Получите организатор плагинов здесь!

8. Отключить хотлинкинг

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

Как вы мешаете кому-то украсть ресурсы вашего сервера?

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

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

9. Используйте минимальный плагин для обмена в социальных сетях Featherweight!

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

10. Отключить пингбеки и трекбэки

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

Перейдите в «Настройки» > «Обсуждения», в разделе «Настройки статьи по умолчанию» отключите пингбеки и трекбеки.

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

11. Поместите CSS вверху, а Javascript внизу

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

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

Бесплатные плагины для кэширования этого не делают. Или вы можете использовать Autoptimize в тандеме с бесплатным плагином кэширования. Но иногда что-то ломается, и я бы не советовал этот маршрут тем, кто не может исправить потенциальный беспорядок. И если вы чувствуете, что не справитесь с этим, используйте WPRocket.

12. Объедините ваши изображения в одно — спрайты CSS

Браузер должен совершить несколько переходов на ваш сервер и обратно, чтобы получить несколько изображений. Мы можем объединить эти изображения в один большой файл, содержащий все изображения, что эффективно уменьшит количество HTTP-запросов и создаст гораздо более эффективный процесс. Если вы не знакомы с CSS, вы можете использовать метод перетаскивания, доступный в Интернете, чтобы сделать то же самое.

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

Последние мысли

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

Но для тех, у кого ограниченный бюджет, я бы порекомендовал -

Эта комбинация инструментов и программного обеспечения должна помочь создать быстрый сайт, не тратя ни копейки! Но я все же рекомендую вам хотя бы попробовать премиум-плагин кэширования. Это избавит вас от необходимости использовать столько плагинов для одной цели. И заставить все эти плагины эффективно работать на вашем сайте — совсем другое дело.

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

Протестируйте свой сайт еще раз,

Во время тестирования используйте один новый плагин за раз, чтобы проверить результаты. Если они не улучшаются последовательно, вам следует придерживаться только предыдущего плагина/плагинов. Например, используйте бесплатный плагин кэширования, такой как Fastest Cache, чтобы увидеть, насколько быстрее работает ваш сайт.

Ищите прирост производительности, прежде чем использовать только что активированный плагин.

Каковы результаты, стал ли ваш сайт быстрее?

Я надеюсь, что это произошло.

И я надеюсь, что этот пост был полезен

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

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