Путеводитель: 18 способов ускорить WordPress (и не только!)

1. Почему стоит позаботиться о скорости загрузки страницы?
2. Как ускорить WordPress? Оглавление.
3. Выберите хороший и быстрый хостинг
4. Измените версию PHP на последнюю
5. Переключиться на HTTP / 2
6. Используйте простые и быстрые шаблоны
7. Удалить ненужные элементы страницы
8. Избегайте ненужных плагинов
9. Объединение и сокращение листов JavaScript и CSS
10. Установите кеш для браузера
11. Избавьтесь от Граватара (или оптимизируйте его)
12. Включить сжатие GZIP
13. Используйте хороший плагин кеша
14. Сжатие и оптимизация изображений и фотографий
15. Оптимизировать базу данных
16. Удалить ненужные версии записей и удаленных записей
17. Отключить пингбэки и трекбеки
18. Установить DNS-prefetch для внешних источников
19. Используйте CloudFlare
20. Слово в конце

Мне очень нравится WordPress. Не только потому, что им удобно пользоваться, но и имеет большие возможности, когда дело доходит до создания более продвинутых сайтов. И во многих отношениях он хорошо подготовлен к поисковой оптимизации. Богатое сообщество, огромное количество бесплатных и платных плагинов и тем, а также тот факт, что CMS уже используется на каждой четвертой странице в Интернете, только подтверждает, что если вы не смогли использовать WordPress в каком-то чуде - вы должны изменить его: - ). Сегодня я подготовил 18 простых и проверенных способов ускорить работу сайта WordPress. Добро пожаловать!

Почему стоит позаботиться о скорости загрузки страницы?

Быстрая загрузка сайта не только влияет на SEO и пользовательский опыт о том, что я написал в записи Короткое время загрузки страницы = более высокая позиция в Google и в статье о CloudFlare , Быстрый сайт также означает больший интерес к сайту и увеличение конверсии до 7%! Такой результат достиг Амазонки (когда дело доходит до продаж), или Firefox (когда дело доходит до количества скачиваний).

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

Как ускорить WordPress? Оглавление.

Я подготовил 18 советов со ссылками на инструменты и плагины, которые помогут ускорить работу WordPress . Многие советы могут быть использованы для ускорения страницы на основе другого CSS или просто встроенного в HTML. Наслаждайтесь!

Содержание:

Выберите хороший и быстрый хостинг

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

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

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

Измените версию PHP на последнюю

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

В настоящее время последней версией является PHP 7 , которая может быть почти в два раза быстрее своих предшественников (PHP 5.5 и PHP 5.6)!

© Zend.com

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

Переключиться на HTTP / 2

Самое большое изменение в интернете за 16 лет и значительное увеличение скорости загрузки страниц . По сравнению с предшествующей версией 1.1 каждая страница (каждый сервер), использующая этот новый протокол, может загружаться быстрее через путем сжатия заголовков или изменения нескольких подключений к одному фиксированному соединению, благодаря чему загружается несколько типов контента. Ну и подробно о самом протоколе HTTP / 2 и изменениях, которые сопровождают его на поиск ,
Протокол уже поддерживает все основные веб-браузеры и часть услуг хостинга.

Разница видна всем:

это или это инструмент, который вы можете проверить самостоятельно, как HTTP / 2 влияет на скорость загрузки страницы, и используя этот инструмент Вы можете проверить, поддерживает ли ваш сайт HTTP / 2.

Стоит обратить внимание на поддержку HTTP / 2 через наш хостинг или использовать CloudFlare, который реализует HTTP 2.0, независимо от того, поддерживает ли наш хостинг этот протокол.

Используйте простые и быстрые шаблоны

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

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

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

Удалить ненужные элементы страницы

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

Многие темы WordPress имеют расширенные параметры конфигурации, которые позволяют включать / отключать отдельные элементы страницы - поэтому стоит придерживаться принципа, что если что-то не нужно, это означает, что это не нужно .

Избегайте ненужных плагинов

Огромный выбор плагинов, что является большим преимуществом WordPress, благодаря которому мы можем создать мощный портал, интернет-магазин или что-нибудь еще из этой CMS. Штекеры, без сомнения, очень полезны, но вы должны использовать их с головой и не устанавливать ничего, что может выйти из употребления . Однажды у меня была возможность проверить одного из клиентов, «почему сайт работает медленно», и то, что я увидел после входа в панель WP, это 43 включенных, активных рабочих плагина!

Использование плагина (и как!) Для WordPress о проходе P3 (Performance Profiler Plugin) мы можем проверить, в какой степени каждый из установленных плагинов замедляет работу нашего сайта.

Большинство плагинов прикрепляют свои скрипты JS и таблицы стилей CSS к коду страницы . Часто эти файлы JS / CSS включаются на всю страницу, а не только в том месте, где их следует использовать (например, в контактной форме, потому что для этого используется плагин).

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

PS. Конечно, после проверки и избавления от ненужных плагинов с нашей стороны, мы можем уверенно отключить и удалить плагин P3 (Plugin Performance Profiler) - он нам больше не понадобится.

Объединение и сокращение листов JavaScript и CSS

Страницы, основанные на WordPress, в настоящее время состоят из нескольких сценариев JavaScript и таблиц стилей CSS. Шаблон имеет несколько своих файлов, плагины «добавляют» свои файлы, и, наконец, у нас есть много неоптимизированных файлов для загрузки каждый раз, когда вы посещаете сайт .

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

Хороший плагин для WordPress, который поможет вам объединить файлы CSS / JS и, кроме того, уменьшить их вес. Лучший WordPress Minify , Плагин позаботится обо всей грязной работе за нас в несколько простых шагов, и, наконец, у нас будет только два файла в блоге: один файл со стилями и один файл с JavaScript. Вес в целом будет значительно уменьшен. Я бы рекомендовал!

Установите кеш для браузера

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

Графические файлы, стили CSS, сценарии JavaScript и другие элементы меняются не слишком часто, поэтому вы можете смело устанавливать их в кэш-памяти на длительное время.

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

Готовый код для вставки в файл .htaccess:

<IfModule mod_expires.c> ExpiresActive На ExpiresDefault A0 ExpiresByType текст / CSS A31536000 ExpiresByType применение / х-Javascript ExpiresByType приложение A31536000 / JavaScript A31536000 ExpiresByType текст / JavaScript A31536000 ExpiresByType текст / html A3600 ExpiresByType текст / обычный A3600 ExpiresByType изображение / GIF A31536000 ExpiresByType изображение / ico A31536000 ExpiresByType image / jpg A31536000 ExpiresByType image / jpeg A31536000 ExpiresByType image / png A31536000 </ IfModule>

<IfModule mod_expires.c> ExpiresActive На ExpiresDefault A0 ExpiresByType текст / CSS A31536000 ExpiresByType применение / х-Javascript ExpiresByType приложение A31536000 / JavaScript A31536000 ExpiresByType текст / JavaScript A31536000 ExpiresByType текст / html A3600 ExpiresByType текст / обычный A3600 ExpiresByType изображение / GIF A31536000 ExpiresByType изображение / ico A31536000 ExpiresByType image / jpg A31536000 ExpiresByType image / jpeg A31536000 ExpiresByType image / png A31536000 </ IfModule>

Время хранения кэша описано в секундах, поэтому 31536000 означает год, а 3600 означает один час.

Избавьтесь от Граватара (или оптимизируйте его)

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

Лучшим решением было бы избавиться от Gravatar и не показывать фотографии / графику каждого из комментаторов. Однако, если вы не хотите избавляться от этого интересного варианта и хотите ускорить работу страницы - есть способ! :-)

Мы проводим оптимизацию в два этапа:

1. На панели WordPress перейдите в «Настройки» -> «Обсуждение» и в «Картинке профиля по умолчанию» установите «Нет». Это приведет к тому, что комментарии людей, у которых нет установленного аватара, не будут отображать стандартную графику, которая каждый раз генерируется и отдельно загружается с сервера gravatar.com.
   
2. Устанавливаем и запускаем плагин FV Gravatar Cache , Его задача - сохранить локально (на нашем сервере) аватары наших читателей, чтобы они загружались с того же места, что и страница, что положительно влияет на время ее загрузки. Разумеется, плагин время от времени проверяет, обновил ли никто изображение и заменяет ли он его :-)
   

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

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

1. Используйте только необходимые виджеты / кнопки
   Серьезно. Если вы не являетесь модным блоггером или не добавляете красивый дизайн интерьера или аппетитную посуду, скорее всего, кнопка Pinterest на вашем сайте будет нажата. И если у вас уже есть красивые, вдохновляющие фотографии в вашем блоге WordPress, вероятно, они не будут часто передаваться LinkedIn. Используйте только те социальные сети, которые используют ваши получатели. Ограничьте себя до необходимого минимума.
2. Превратите виджеты в ссылки
   Подумайте, нужно ли вам загружать виджеты, показывающие количество фанатов, их аватары, последние сообщения или другую информацию. Во многих случаях достаточно простого графического элемента или надписи со ссылкой «Найти нас на Facebook». То же самое относится и к кнопкам в стиле «Поделиться» - такая кнопка не обязательно должна иметь счетчик (особенно, если количество акций не впечатляет). В большинстве случаев это просто простая ссылка в стиле <a href="..."> ... </a>, которая может быть улучшена, как в случае с моим блогом. И часто вам не нужны внешние плагины, потому что либо эта функция уже есть в шаблоне страницы, либо вы можете остановить ее самостоятельно, используя ссылку на строки кода.

Включить сжатие GZIP

GZIP-сжатие - это метод сжатия данных на лету. Чаще всего это файлы HTML, CSS и JavaScript, которые «уменьшаются» на стороне сервера перед отправкой пользователю, а затем распаковываются веб-браузером пользователя. Сжатие Gzip позволяет сократить объем данных, передаваемых между сервером и посетителями нашего сайта, на 80% и тем самым ускорить загрузку страницы.

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

Использует ли ваш сайт сжатие GZIP, можно проверить с помощью этот инструмент , Например, для onet.pl это выглядит так:

Как включить сжатие GZIP?

• Использование файла .htaccess
  В основной папке нашего сайта на сервере, мы находим файл с именем .htaccess и в начале этого файла, добавьте следующий код: <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE текст / обычный AddOutputFilterByType DEFLATE текст / html AddOutputFilterByType DEFLATE текст / CSS AddOutputFilterByType DEFLATE текст / JavaScript AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / x-javascript </ IfModule>

  <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE text / javav_setup_setup_setup_setup_setup_setup_setup_setup_t_F_D_W_DIFT

  Приведенный фрагмент кода запускает сжатие GZIP для текстовых файлов, HTML, CCC, JavaScript

• Используя плагин Проверьте и включите сжатие GZIP
  Плагин делает то же самое, что и в предыдущем пункте, то есть он добавляет в файл .htaccess записи о том, что нужно сжимать с помощью gzip. Такая версия для ленивых :-)

Используйте хороший плагин кеша

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

штепсель W3 Total Cache в нем действительно много функций настройки, но он работает очень просто - вы просто устанавливаете плагин и включаете элементы страницы, которые должны быть сохранены в кеше.

W3 Total Cache работает очень хорошо и, кстати, может выполнять несколько оптимизаций, уже описанных в этом руководстве (кеширование в браузере, сокращение файлов HTML / CSS / JS). Кстати, он отлично работает с CloudFlare.

Я рекомендую использовать плагин и настроить его, хотя во многих случаях достаточно настроек по умолчанию.

Сжатие и оптимизация изображений и фотографий

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

Плагин пригодится, который я использовал в течение многих лет под названием WP Smush , Задача плагина - уменьшить вес всех графических файлов в нашем WordPress без видимой потери качества.

В самом начале нам нужно оптимизировать всю мультимедийную библиотеку, которая уже есть в блоге - в бесплатной версии мы можем оптимизировать только 50 графических файлов за один запрос. На страницах с большим количеством фотографий вам придется немного подождать оптимизации, но эффект будет заметен.
Кроме того, выбрав опцию «Smush images on upload», каждая последующая фотография, загружаемая в WordPress в будущем, будет автоматически оптимизирована плагином.

Вот как это выглядело на одном из моих сайтов после оптимизации:

WP Smush отправляет файлы для оптимизации на ваш сервер и возвращает нам уже оптимизированные файлы. Если по какой-то причине мы хотим оптимизировать все локально, то мы можем использовать плагин EWWW Image Optimizer это работает на аналогичной основе, но наш сервер занимается оптимизацией. Недостатком является то, что этот плагин может не работать должным образом на большинстве общих серверов.

Оптимизировать базу данных

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

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

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

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

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

Удалить ненужные версии записей и удаленных записей

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

Не всегда нужны версии записей (особенно старых), поэтому мы можем удалить их из базы данных в большинстве случаев.

Вилка поставляется с помощью WP-стреловидности , описанная по случаю очистки базы данных, которая позволяет удалять автоматически сохраненные версии записей, а также удаленные записи, которые все еще находятся в нашей базе данных.
Сразу после установки плагина нажмите кнопку «Очистить» рядом с «Черновики авто» и «Удаленные». И WordPress легче :-)

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

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

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

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

Затем подумайте, используете ли вы этот механизм, нужен ли он вам и когда вы в последний раз получали такое уведомление. Если вы не знаете, что это такое, вы можете безопасно отключить его в панели управления WordPress. Для этого перейдите в «Настройки» -> «Обсуждение» и снимите флажок «Разрешить другим блогам уведомлять вас о размещении ссылки (pingback и trackback) на вновь добавленные статьи».

Установить DNS-prefetch для внешних источников

Если наш сайт загружает некоторые элементы из внешних источников, рекомендуется добавить тег dns-prefetch в начале кода страницы. Это позволит браузеру начать запрашивать страницу и запрашивать в DNS IP-адреса внешних источников, из которых будет загружаться контент, и, как следствие, их загрузка будет выполняться быстрее на более поздней стадии загрузки страницы.

Наиболее распространенные внешние источники:

• шрифты и скрипты с серверов Google
• статистика и рекламные сценарии
• файлы из CDN

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

Затем в начале тега <head> на нашем сайте мы добавляем записи для каждого внешнего источника, которые выглядят так:

<link rel = "dns-prefetch" href = "//fonts.googleapis.com" />

<link rel = "dns-prefetch" href = "// fonts.googleapis.com" />

В моем блоге все в коде выглядит так:

Используйте CloudFlare

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

После подключения домена к этому сервису нас должна заинтересовать вкладка «Скорость», в которой у нас есть два довольно интересных и эффективных способа ускорить работу сайта:

• Авто Minify
  Это возможность уменьшить размер файлов HTML, CSS и JavaScript в исходном коде нашего сайта, удалив из кода ненужные элементы.
• Rocket Loader ™
  Собственный сервис CloudFlare, который фокусируется на быстрой загрузке страниц, содержащих JavaScript. Это уменьшает количество запросов, загружает скрипты асинхронно и помещает их в кеш.

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

Слово в конце

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

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

Рис. © ММ

Похожие

Комментарии