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

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

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

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

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

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

Google Take On Speed

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

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

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

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

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

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

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

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

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

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

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

• GTmetrix
• WebPageTest
• Инструменты PageSpeed

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

А теперь давайте рассмотрим около десятка вещей, которые вы можете сделать, чтобы сделать свой сайт быстрее.

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 Lazy Load.

3. Выберите правильную структуру

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как предотвратить кражу ресурсов вашего сервера?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Бесплатный плагин кеширования
• Автоматическая оптимизация
• WP Sweep
• Хорошая бесплатная тема

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

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

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

• GTmetrix
• WebPageTest
• Инструменты PageSpeed

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

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

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

Я надеюсь, что это так.

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

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