12 способов как ускорить сайт на WordPress


Содержание материала:

Как ускорить сайт на WordPress

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

Содержание

  • 1. Оптимизация графики
  • 2. Оптимизация css, js, html
  • 3. Кеширование.
  • 4. Рекомендации

1. Оптимизация графики

Итак начнем. Первое что нужно сделать, это сжать изображения без потери визуального качества. В этом нам поможет плагин Smush.

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

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

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

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

Одно из нововведений PageSpeed Insights это требование наличия изображений в WebP формате. Что это за формат? WebP — Это современный формат графики разработанный google, аналог png и jpg. Для решения этой задачи на поможет плагин WebP Express

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

Включаем эту опцию, она называется Alter HTML. Но перед этим конвертируем все изображения в WebP формат(нужно нажать на кнопку Bulk convert)

И теперь сообщение «Используйте современные форматы изображений» от Google PageSpeed Insights должно исчезнуть.

2. Оптимизация css, js, html

Для оптимизации css, js и html мы будем использовать плагин Autoptimize. С его помощью мы минифицируем и объедением в один файл все css файлы и тоже самое сделаем для js файлов.

Так же с помощью это плагина мы оптимизируем html код сайта.

У этого плагина есть полезная опция «Отложенная загрузка изображений». Ее тоже следует включить.

Теперь немного программирования. В зависимости от ситуаций мы можем попробовать переподключить все css и js файлы в footer сайта. Как это сделать?

Способ 1. В файле function.php темы WP, нужной найти хук wp_enqueue_scripts и заменить его на wp_footer. Хук wp_enqueue_scripts — отвечает за подключение скриптов и стилей.

Способ 2. Достаточно грубый метод, но рабочий.

function footer_enqueue_scripts() <
remove_action(‘wp_head’,’wp_print_scripts’);
remove_action(‘wp_head’,’wp_print_head_scripts’,9);
remove_action(‘wp_head’,’wp_enqueue_scripts’,1);
add_action(‘wp_footer’,’wp_print_scripts’,5);
add_action(‘wp_footer’,’wp_enqueue_scripts’,5);
add_action(‘wp_footer’,’wp_print_head_scripts’,5);
>
add_action(‘after_setup_theme’,’footer_enqueue_scripts’);

С ним надо быть по осторожнее! Он может нарушить работу сайта.

3. Кеширование.

И напоследок на осталось включить кеширования страниц сайта. В этом нам поможет плагин WP Super Cache.

Нас интересует опция: Сжимать файлы кэша чтобы ускорить работу.

4. Рекомендации

И еще хотелось бы отметить, что многое зависит от хостинга. На дешевых тарифах скорость выдачи страницы будет медленная. Так что найдите соотношение цена/качество.

Надеюсь, информация в данной статье будет вам полезна. Спасибо за внимание)

Автор публикации

spoot@bk.ru

Комментариев (6)

Немного дополню или просто оставлю пост, для тех, кто незнаком с вариантами.
WebP — безусловно и однозначно, остальное все не даст нужного эффекта на сегодня.
Autoptimize — только если ваш сайт в чистом виде, без использования серьезных плагинов, включая WP-Recall. так как после исключения всех скриптов, что косячат, вы в итоге получите прирост в 0,01 секунду.
Насчет переноса скриптов, важно определить зависимости и уже потом, что то там переносить.
Кеширование отличная штука, но сейчас у многих хостеров на тарифах уже есть Memcached и подобное, есть смысл заглянуть сначала в панель хостера))
А вообще, отлаживайте показ AMP и турбо страниц, результаты вас удивят по выдаче.
Но статья полезна безусловно для общего понятия процесса!

Спасибо за предложения и замечания) Про AMP сделаю отдельную статью.

Спасибо Александр за публикацию, но у меня есть дёготь ��

Итак — спасибо, что не сказал что нужно jquery дерегистрировать и загрузить от гугла и сразу в подвал. Его трогать нельзя — он должен загружаться там, где задумали разработчики вордпресс — из папки wp-includes. Кто дерегистрирует и из гугла грузит его — вы ломаете сторонние плагины. Не делайте так.

Ну а теперь по минусам из статьи:

1. Плагин Autoptimize — по возможности не используйте его. Почему? В статье не сказано что в 99% он вам сломает сайт — т.к. объединит скрипты и стили и возможно выведет их в подвал. А экосистема плагинов устроена так, что например:
скрипты — зависимы от других. И вы эту зависимость поломаете. Открывайте F12 и наслаждайтесь «кровавой» консолью — там у вас будет куча js ошибок.
Стили — стили разработчик тоже подключает в зависимости от критичности. То что он подключил в шапку (обдумано — бывает и наоборот — от незнания), возможно критично для первого экрана. Что это? Это та часть экрана, что вы видите сразу, не используя прокрутку. Так вот, убрав все в подвал — вы заметите что экран у вас начал дергаться. А это нервирует пользователя и создает ему не комфортные условия и он, чтобы не поймать эпилепсию, просто реже заходить к вам будет.

2. Советы про wp_footer — это костыль.

Вообще все что касается скриптов и стилей — не трогайте. На https, HTTP/2 включайте и все пойдет в множество потоков без блокировки рендеринга — это лучше чем трогать стили и скрипты.
Но — в плагине WP-Recall есть система объединения скриптов и стилей, и она учитывает куда разработчик грузит — в шапку или в подвал. И разработчик, когда использует это апи проверяет что его скрипт в минимизированном и объединенном файле работает. Используйте это. А другие плагины. Их не трогаем.

3. Плагин суперкеша — спорное решение и совет. Дело в том что ускорять сайт просто рубанув по нему плагином кеширования — как лечить серьезное заболевание мирамистином или ибупрофеном. Может помочь, но, как правило, отсрочит и возможно это вырастет во что-то хроническое. Подходить надо изнутри. Например смотреть узкие места дебагом — и найдя — отправлять репорт разработчику.
Или например: отключать те js и css со страниц, там где они не нужны. Часто разрабы не знают где будет применен тот или иной шорткод и попросту подключают js и css везде. Это опенсурс — нужно быстрое решение — получите. Но часто вы получаете его общее — без таких тонкостей как строгое соответствие загрузчика именно там где нужно. Потому что вы получили это бесплатно, а у разраба на такие тонкости нет опыта/времени.

4. Ничего не сказано про lazy load — зря. Штука помогает.

Ну и мы с Андреем на стриме эту тему затрагивали: «Разбираем вредные советы по оптимизации сайта 46:50» https://codeseller.ru/itogi-za-iyul-strim/ — смотрите на 46:50 минуте.

Оптимизация — дело интимное. Не стоит просто взять статью по ней и следовать 100% рекомендаций. Но это опыт — только так вы поймете что сами сделали только хуже и за 100 попугаями с гуглосервиса — не стоит гнаться. Правило 20/80 помните и направьте свои силы на действительно полезные мероприятия.

А прежде чем бежать за помощью к разработчика плагина: отключайте плагин кеширования и этот Autoptimize. Ниодин разраб не примет вас пока вы этот зоопарк не отключите. Так делайте это до создания темы на форуме. Да и возможно уже и бежать за помощью к разработчику плагина не придется.

Как ускорить работу сайта на WordPress, не меняя хостинга

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

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

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

Готовы? Тогда начнем.

1. Удалите или отключите ненужные плагины

Лишние плагины и приложения могут СУЩЕСТВЕННО замедлить работу сайта, особенно если он реализован на таких платформах, как WordPress , Joomla или Drupal .

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

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

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

Если ваш ресурс создан на WordPress установите плагин P3 (Plugin Performance Profiler) , отслеживающий производительность сайта.

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

2. Уберите или существенно сократите количество кнопок социальных сетей на сайте

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

Большинство кнопок «Поделиться» реализованы на JavaScript, что может не лучшим образом сказаться на производительности сайта. Не раз случалось, что из-за перебоев в работе Facebook и других социальных сетей, значительно снижалась скорость загрузки сайтов, установивших соответствующие кнопки.

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

3. Загружайте коды аналитики и рекламных сетей асинхронно

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

4. Используйте HTTP-заголовки Expires

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

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

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

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

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

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

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

Если сайт работает медленно, то это сплошное разочарование и бесполезная трата сил. Ведь скорость сайта влияет не только на позиции в поисковой выдаче (скорость загрузки — один из факторов ранжирования в Google), но также на удобство использования и впечатление пользователей от сайта.

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

Уменьшите вес сайта

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

1. Пересмотрите дизайн темы сайта

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

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

2. Избавьтесь от ненужных плагинов

Существует два основных типа плагинов для WordPress: первый тип воздействует только на область администрирования, а второй позволяет добавлять контент на сайт. Что касается последнего типа, то такие плагины всегда сопровождаются дополнительными javascript и css файлами, которые добавляют веса вашему сайту.

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

3. Сократите размер HTML, CSS и Javascript файлов

Существует два способа уменьшения общего размера сайта. Первый – объединить разные стили и javascript файлы в один. И второй – уменьшить файлы. Уменьшение в данном случае означает удаление ненужных пробелов, комментариев и объединение многочисленных повторяющихся кодов в один. Для этого вы можете использовать плагин W3 Total Cache

На странице настроек плагина W3 Total Cache в общих настройках («General Settings») установите режим «Minify».

Далее зайдете в «Minify», выберите раздел «HTML & XML» и отметьте галочками пункты «Enable», «Inline CSS Minification», «Inline JS Minification» и «Remove line break»

Затем идем в раздел “JS minification”. Это заковыристая настройка, так как работает для одних тем и не работает для других. Автору не повезло с этими настройками, но вы можете попробовать и посмотреть, применимо ли это для вашего сайта.

Единственное, что можно порекомендовать для этих настроек, это использовать «Minify» вместо «Combine only». Объединение нескольких javascript файлов вместе, может привести к нежелательным последствиям и поломать сайт.

Последнее, что нужно настроить это раздел «CSS minification». Данные настройки позволят вам уменьшить и объединить все CSS файлы, используемые в теме.

Чтобы получить наилучший эффект, откройте исходный код, скопируйте все CSS ссылки в поле «File URL» в разделе «CSS file management». Все скопированные, таким образом, CSS файлы будут уменьшены и объединены в один.

4. Оптимизируйте изображения

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

Увеличьте скорость загрузки сайта

Вот список способов, за счет которых вы также можете увеличить скорость загрузки сайта:

  • закэшируйте сайт
  • настройте кэш в браузере
  • переключитесь на jquery от Google
  • используйте отложенную загрузку javascript
  • используйте отложенную загрузку изображений
  • используйте асинхронный javascript
  • используйте CDN

А вот плагины, которые сделают за вас всю работу, описанную выше.

1. W3 Total Cache

В предыдущем разделе мы рассмотрели тему минимизации, а здесь поговорим о плагине W3 Total Cache. Особенным этот плагин делает модуль кэширования. Сначала, включите модуль «Page Cache» в разделе общих настроек («General Settings»). Если ваш сайт расположен на виртуальном хостинге, то для режима кэширования страницы («Page cache mode») выберите «Disk: Basic». Если вы используете VPS или выделенный сервер, выберите «Disk: Enhanced».

Прокрутите вниз страницы до раздела «Browser Cache» и установите галочку для активации.

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

2. WP Deferred Script

Большинство javascript файлов блокируют загрузку, это означает, что сайт будет ждать до тех пор, пока все javascript файлы не будут обработаны, и только после этого загpузится контент. Это явление также известно как синхронная загрузка. Один из способов борьбы с этой особенностью – размещение javascript файлов внизу страницы. В этом случае, они будут загружаться только после того, как завершится загрузка контента.
WP Deferred Script – полезный плагин, который перемещает все стоящие в очереди скрипты вниз страницы. Он основан на lab.js и будет работать с большинством плагинов. Здесь нет настроек конфигурации. После активации, плагин будет автоматически помещать все загружаемые javascript файлы вниз страницы. Еще одна полезная особенность плагина в том, что javascript файлы будут загружаться асинхронно, т.е. параллельно с контентом.

3. Jetpack Photon

Другой хороший способ улучшения скорости – это загрузка всех изображений через CDN. Если у вас уже установлен jetpack плагин, активируйте Photon module, который автоматически включит CDN для изображений на вашем сайте.

Если вы используете внешний CDN, такой как, например, MaxCDN или Amazon CloudFront, то в качестве альтернативы, вы можете настроить CDN модуль в плагине W3 Total Cache.

4. Отложенная загрузка

Вы когда-нибудь замечали, как загружаются изображения, когда вы прокручиваете страницу вниз? Такое явление называется отложенной загрузкой и это еще один хороший способ улучшить скорость сайта. Плагин, который используется на сайте автора www.maketecheasier.com, называется Unveil Lazy Load, но если вы зададите в поиске запрос «lazy loading», то вы найдете большое количество вариантов плагинов, которые можете использовать. Некоторые из них даже оптимизированы для видео и iframe.

5. Google DFP (DoubleClick for Publishers)

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

Как ускорить загрузку сайта на WordPress. Google PageSpeed Insights

Приветствую! В моей статье о показателе отказов на сайте были рассмотрены причины, по которым посетители могут покинуть ваш блог. Одна из главных – это низкая скорость загрузки страниц ресурса. Сегодня мы детально разберем различные способы того, как предотвратить эту проблему и увеличить скорость загрузки сайта на WordPress. Также узнаем, как сервис Google PageSpeed Insights может помочь оптимизировать работу вашего блога.

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

Методы ускорения работы блога

Редактируем файл .htaccess


Находим в корне сайта файл .htaccess и открываем для редактирования. Здесь мы добавим команды, которые снизят нагрузку на сервер и ускорят загрузку в WordPress.

Рекомендуется указать кэширование для отдельных объектов вашего ресурса. Для этого вставляем следующий код в конце файла, но перед «# ENDWordepress»:

# сжатие text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript

Затем добавляем еще:

# кеш браузера ExpiresActiveOn #по умолчанию кеш в 5 секунд ExpiresDefault «accessplus 5 seconds» # Включаем кэширование изображений и флэш на месяц ExpiresByType image/x-icon «access plus 1 month» ExpiresByType image/jpeg «access plus 4 weeks» ExpiresByType image/png «access plus 30 days» ExpiresByType image/gif «access plus 43829 minutes» ExpiresByType application/x-shockwave-flash «access plus 2592000 seconds» # Включаем кэширование css, javascript и текстовых файлов на одну неделю ExpiresByType text/css «access plus 604800 seconds» ExpiresByType text/javascript «access plus 604800 seconds» ExpiresByType application/javascript «access plus 604800 seconds» ExpiresByType application/x-javascript «access plus 604800 seconds» # Включаем кэширование html и htm файлов на один день ExpiresByType text/html «access plus 43200 seconds» # Включаем кэширование xml файлов на десять минут ExpiresByType application/xhtml+xml «access plus 600 seconds»

Топ-пост этого месяца:  OpenCart. Модуль вкладки для товара. Урок 2

Теперь кэширование указанных в коде объектов (изображений, css, javascriptфайлов) будет происходить на стороне браузера, и ему не придется загружать их всякий раз, когда к ним обращается пользователь.

Включим gzip сжатие файлов. Это специальный сжатый вид HTML-страниц для браузеров.Таким способом сервер каждый раз архивирует соответствующие текстовые файлы, передает их на ваш компьютер, а браузер при получении автоматически их распаковывает. Gzip работает только с текстом. Для включения сжатия поместим необходимый код в файл .htaccess:

mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_excluderspheader ^Content-Encoding:.*gzip.*

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

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

RewriteEngine On RewriteCond % !^https://(.+.)?yandex.ru/.*$ [NC] RewriteCond % !^https://(.+.)?undsoft.com/.*$ [NC] RewriteCond % !^https://(.+.)?yandex.net/.*$ [NC] RewriteCond % !^https://(.+.)?feedburner.com/.*$ [NC] RewriteCond % !^https://(.+.)?mail.ru/.*$ [NC] RewriteCond % !^https://(.+.)?poisk.ru/.*$ [NC] RewriteCond % !^https://(.+.)?ИМЯВАШЕГОСАЙТА.ru/.*$ [NC] RewriteCond % !^$ [NC] RewriteRule .*.(jpe?g|gif|bmp|png)$ — [F]

Обратите внимание: вместо фразы «ИМЯ ВАШЕГО САЙТА», следует указать название вашего домена.

Используем плагины кэширования

Следующий эффективный способ ускорить WordPress блог – воспользоваться плагином кэширования. После того, как посетитель заходит на сайт, CMS формирует из отдельных частей PHP-кода, на котором он написан, целостную HTML-страницу и передает её браузеру пользователя. Кэширование позволяет избежать необходимости при каждом запросе снова проделывать эту работу и тем самым снижает нагрузку на сервер. После активации плагина сгенерированная копия страницы будет оставаться на хостинге ресурса в специальной папке. И при следующем обращении к этой странице, будет загружаться сохраненная копия.

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

Оптимизируем базу данных

Большое влияние на работу сайта оказывает и база данных. При каждом редактировании постов, WordPress создает ревизии записей, которые сохраняются. Помимо этого, в базе данных накапливаются спам, комментарии и содержимое корзины. Со временем объем мусорных данных растет и тормозит загрузку страниц. Чтобы очистить базу данных и ускорить WordPress-блог, воспользуйтесь специальным плагином. Для этой цели отлично подойдет WP Optimize, работа с которым описана в материале об оптимизации базы данных.

Сжимаем изображения

Убедитесь, что вы используете в своем блоге файлы изображений с оптимальным сочетанием «размер – качество». Для его достижения можно воспользоваться опцией Photoshop – «SaveForWeb» («Сохранить для Web»).

Файлы .png имеют большой вес и замедляют загрузку. Используйте этот формат только для небольшой графики и картинок с прозрачным фоном. В остальных случаях больше подойдет расширение .jpg.

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

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

Для сжатия уже имеющихся картинок воспользуемся возможностью пакетной обработки. Для этого перейдем в «Медиафайлы»- «WPSmush». На открывшейся странице сразу после блока настроек («Settings») следует блок «Smushinbulk». Нажав кнопку «BulkSmushNow», мы запускаем процесс сжатия всех изображений. Также можно воспользоваться ссылкой на «Библиотеку файлов», если мы хотим оптимизировать отдельные изображения.

Оптимизируем код

Следующий способ ускорить сайт на WordPress– сжать HTML и скрипты. Воспользуемся плагином Autoptimize.

Плагин объединяет все файлы css-стилей и js-скриптов в один файл – с расширением .cssили .js соответственно. Сохраняет их на сервере и размещает ссылки на них в HTML-документе. А сам HTML-код очищает от лишних пробелов и переносов строк. На странице настроек Autoptimize мы просто отмечаем галочками нужные нам параметры для оптимизации.

Создаём мобильную версию сайта

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

11+ способов ускорить загрузку WordPress сайта.

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

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

Честно признаюсь, что до написания этой статьи, я никак не оптимизировал сайт WpMen, сейчас же, я вместе с вами буду выполнять эту работу и посмотрим на сколько загрузка сайта ускорится… Сейчас она такова: 6,97 секунд на сайте http://tools.pingdom.com/fpt/ , а так же аж 61 секунду на http://sitespeed.ru/ — не думаю что это правда, но этот сайт имеет определенный авторитет…

После проделанной работы описанной ниже, скорость загрузки сайта значительно улучшилось. А это с 6,97 секунд скорость загрузки по первому показателю упала до 1,87. А по второму показателю с 61 секунды до 12,11 секунд… Результат просто шикарный, даже я удивлен

Как видно на картинке я не тестировал главную страницу сайта, потому что с Поисковых систем пользователи чаще всего попадают на страницы с материалом, а не на главную. Следовательно я взял последнюю написанную статью и тестировал ее…

Ещё хочется добавить, что мой хостинг показывает, что средняя скорость загрузки сайта равно 10 секундам. Но это средняя, по этому посмотреть результат после проделанной работы будет невозможно. Давайте перейдем к уроку ��

1. Выбор качественно хостинга.

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

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

2. Настройка Wp-Config.php — Ускорение работы сайта.

Так же хочется рассказать вам о способе настройки файла wp-config.php, который хранится в корневой папке вашего сайта, позволяющие немного снизить нагрузку на хостинг, тем самым ускорят загрузку сайта в интернете:

Найти в файле wp-config.php строку с помощью программы notepad++:

Данное решение позволит нам сократить количество загружаемых языковых настроек только на нужные, в стандартном коде, wordpress загружает слишком много ненужных параметров.

3. Настройка Robots.txt — запрет на индексацию ненужным сайтам.

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

Рекомендую вам добавить следующие строки, сразу же перед строкой «Host». После чего значительно меньше поисковых жуков будут посещать ваш сайт, тем самым уменьшая загрузку. Кроме Yandex и Google, часто к нам заходит Yahoo. Но она не очень популярна, по этому, если хотите ее исключить, то пропишите следующее:

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

4. Корректировка файла .Htaccess для снижения нагрузки на сервер.

Файл .Htaccess — это файл, в котором создаются дополнительные команды для хостинга. Которые также плохо влияют на него и это уменьшает скорость загрузки сайта. Давайте немного подкорректируем файл, что бы снизить нагрузку…

Настройка №1: Довольно таки часто с наших сайтов копируют информацию вместе с картинками, когда такое происходит, в картинках, которые лежат на нашем сайте, не изменяют адреса, следовательно на чужих скопированных статьях картинки подгружаются из нашего сервера, что загружает его…

Сейчас мы с вами запретим подгружать изображения. Для этого в файле .Htaccess в самый верх добавить код:

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

Настройка №2: Так же в файле .Htaccess мы можем указать на кэширование некоторых объектов, что бы не заставлять браузер пользователя загружать их несколько раз. Для этого в этом же файле ниже первого кода добавляем:

Настройка №3: Так же рекомендуется ввести этот код, что бы сжимать данные перед отправлением их пользователю. Для этого вставляем код:

Настройка №4: Вам известен СПАМ в комментариях? Большинство этих комментариев отправляются автоматически, сейчас я вам расскажу как это предотвратить, да еще и ускорить скорость загрузки сайта. Просто добавьте код:

ВНИМАНИЕ. Не забудьте адрес wpmen.ru изменить на адрес своего сайта…

Настройка №5: Если вы пользуетесь системой FeedBurner, то у вас явно установлены плагины, которые отправляют RSS-контент на сайт FeedBurner. Сегодня вы можете их удалить, потому что перенаправить контент можно и без плагинов, уменьшив нагрузку на хостинг.

ВНИМАНИЕ. Не забудьте изменить адрес на URL вашего фида в самой последней строчке…

5. Пинги — ускорение работы сайта.

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

  • http://ping.blogs.yandex.ru/RPC2
  • http://blogsearch.google.com/ping/RPC2
  • http://blogsearch.google.ru/ping/RPC2

Поверьте, этого будет достаточно, что бы поисковые системы осознали, что у вас появился новый материал… Так же вы можете использовать Twitter и другие социальные сети для публикации ссылок с новых статей, это также поможет поисковым системам…

6. Оптимизация базы данных.

Большое значении в скорости загрузки сайта имеет База данных, ведь именно оттуда сайт выгружает весь контент, которым мы в последующем пользуемся… Со временем База данных засоряется и её нужно не только очищать от ревизий, но и оптимизировать. Сделать это за вас сможет плагин Optimize DB. Как пользоваться плагином я описывал ранее, так что пользуйтесь ��

7. Оптимизация кода шаблона (темы).

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

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

Её можно заменить на:

Если вы используете на сайте не UTF-8, тогда в коде за словом Charset, замените на свою кодировку.

Настройка №2: Найти код, который отвечает за стили в файле header.php:

Внимание. Не забудьте изменить WpMen.ru на ссылку своего сайта…

Настройка №3: Изменить код пинбеков:

Заменить с исправлением Wpmen.ru на свою ссылку:

Настройка №4: Изменение кода RSS ленты:

Внимание. Не забудьте заменить ссылку WpMen.ru на ссылку своего сайта…

Настройка №5: Довольно часто в подвале сайта (footer.php), разработчики тем оставляют совершенно ненужные запросы к Базе данных. Например:

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

Настройка №6: Добавьте в файле header.php сразу же после :

Некоторые маленькие советы, которые позволят ускорить загрузку сайта:

1) Если ваш сайт не использует комментарии, не стоит их скрывать с помощью плагинов, это создает совершенно ненужную нагрузку. Так как вам комментарии совершенно не нужны, просто удалите следующий код из файла темы (single.php):

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

3) Так же почистите весь код вашего сайта от комментариев, данные комментарии вставляются с помощью тегов и /*код/. Оставьте только нужное, так как сайту приходится тратить лишние силы на их загрузку…

4) Старайтесь размещать все скрипты прямо перед тегом

Ускорение работы WordPress

Многие сталкиваются с проблемой медленной работы сайтов на CMS WordPress, особенно когда используется стандартная сборка с n-ым десятком плагинов. Самая большая проблема в том, что чем больше потребляет серверных мощностей ваш сайт, тем скорее вас попросят перейти на более дорогой тарифный план. Я сам постоянно сталкивался с этой проблемой, когда делал сателлиты на WordPress, а СДЛ посещаемость которых переходила за 1000 посетителей в сутки даже на самых дорогих тарифных планах хостингов ужасно тормозили. Я пробовал кеширование, отказывался от плагинов, но это не давало нужного эффекта, со временем у меня накопился ряд методик как снизить нагрузку на хостинг и ускорить сайт, я решил их обьединить в виде одного поста и поделиться с вами. Хочется надеятся, что этот пост станет библией по ускорению WordPress и все будут знать где есть самое полное пошаговое руководство по ускорению WordPress.

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

Шаг 1: Подготовка

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

Шаг 2: wp-config.php

Файл wp-config.php — является файлом конфигурации WordPress и находится в корневой папке сайта.

Я хочу вам рассказать про несколько методов с помощью которых мы сможем уменьшить нагрузку на хостинг:

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

Так же не забудьте добавить обьедененный файлов переводов ru_RU_lite в директорию http://вашсайт.ru/wp-content/languages/.

Так же рекомендую сразу выставить необходимое количество ревизий при написании поста.
Ревизии — это черновики, которые автоматически сохраняются во время написания поста, тем самым позволяя ему вернуться на некоторое время назад при написании. Ревизий может быть несколько, а так же можно указать через какое время они должны обновляться. Я использую одну ревизию, которая перезаписывается каждые 60 секунд, на некоторых своих сайтах на WordPress я их вовсе отключаю, так как пользуюсь внешним редактором. Отключение ревизий даёт прирост в скорости работы редактора и админки WordPress.
Для того, чтобы была одна ревизия и она сохранялась каждые 60 секунд, нужно добавить следующую строчку в wp-config.php перед последним закрывающимся ?>:

а если мы хотим отключить ревизии, то нужно воспользоваться плагином Disable Revisions.

Шаг 3: Robots.txt

Файл Robots.txt – это текстовый файл, находящийся в корневой директории сайта, в котором записываются специальные инструкции для поисковых роботов. Эти инструкции могут запрещать к индексации некоторые разделы или страницы на сайте, указывать на правильное «зеркалирование» домена, рекомендовать поисковому роботу соблюдать определенный временной интервал между скачиванием документов с сервера и т.д. ©Robotstxt.org.ru

Посещение поисковыми роботами вашего сайта приводит к значительной нагрузке на ваш сайт. Так как нас интересуют только поисковые роботы Яндекса, Google и Рамблера, в некоторых случаях ещё и Yahoo, то остальных роботов (в том числе различные парсеры и грабберы, которые воруют ваш контент), можно закрыть от индексации. Для этого необходимо вставить следующие строчки в файл Robots.txt, если у вас его нет, то необходимо его сначала создать в корневой директории сайта. Эффект наступит не моментально, но в течении месяца практически все роботы из списка сведут свои заходы к минимуму или вовсе перестанут посещать ваш сайт.

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

Шаг 4: .Htaccess

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

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

*В данном коде нужно заменить yourdomain на название вашего домена, то же самое касается и доменной зоны. Изображение которое будет показываться на чужих сайтах должно находиться в корневой директории вашего сайта и иметь название stophotlinking и формат gif.

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

Если выше приведённый пример не заработает, попробуйте альтернативный метод:

С помощью .Htaccess мы можем сделать кеширование файлов jpg,gif,png,css,js и других в браузере пользователя на сутки с помощью ниже приведённого кода, если же в содержимом произойдут изменения, то кеш обновится:

*В браузере обязательно должно быть включено кеширование.

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

*На одном сайте сайте не может работать gzip и zlib компрессия, поэтому выберите что-то одно.

Практически каждый сайт на CMS WordPress сталкивается с проблемой спама в комментариях, чтобы отсечь весь автоматический спам ещё на подходе, можно фильтровать спаммеров по Referrer.
Referer — это один заголовков запроса клиента, то есть если вы перейдёте с одной страницы на другую, то вторая страница сможет узнать по referer адрес первой страницы. Так как программы с помощью которых делается спам делают переход напрямую сразу на страницу комментирования, то мы их сможем отсечь. Это не значит что можно отказываться от плагинов для предотвращения спамма, но это поможет вам снизить количество спамма и нагрузку на ваш сайт. Для реализации необходимо вставить ниже приведённый код в .htaccess:

*Не забудьте заменить yourdomain .ru на адрес вашего сайта

Многие используют плагин для переадресации стандартного RSS на Feedburner, хотя это можно сделать сделав небольшую вставку в .htaccess, тем самым мы уменьшаем нагрузку на сайт:


Если не заработает редирект, то попробуйте поместить данный код в самое начало файла .htaccess.
*Не забудьте заменить «http://feeds2.feedburner.com/puzat» на адрес своего фидбёрнера.

Шаг 5: Пинги

Когда вы публикуете новый материал на сайте, то WordPress отправляет пинги на множество сервисов, чтобы их известить об этом, мной был составлен большой список пинг сервисов, после тестов по их нагрузке на сервер и эффекту индексации было принято решение, что стоит оставить только необходимые пинги для поисковиков Яндекс и Google, а именно:

  • http://ping.blogs.yandex.ru/RPC2
  • http://blogsearch.google.com/ping/RPC2
  • http://blogsearch.google.ru/ping/RPC2

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

Шаг 6: WordPress плагины

  1. Первым делом рекомендую вам пересмотреть список ваших плагинов и удалить те, которыми вы не пользуетесь.
  2. Так же постарайтесь максимально уменьшить количество используемых плагинов за счёт отключения необязательных и их удаления.
  3. Практически каждый плагин подгружает свои CSS и JS, их с помощью онлайн-сервисов: онлайн-сервис по сжатию CSS, онлайн сервис по сжатию JS кода.
  4. Убедитесь что необходимые вам плагины загружаются только на необходимых вам страницах, часто встречается, что плагины подгружаются на всех страницах, это можно проверить посмотрев исходный код страницы и поискав название плагина или его сокращения. Для того, чтобы плагин обратывался только на необходимых вам страницах нужно будет написать условие внутри кода плагина.

Шаг 7: Оптимизация кода темы (шаблона) сайта

Для тех, кто не знает где находится ваш шаблон на сайте, вы можете зайти в исходный код страницы нажав на странице своего сайта правой кнопкой мыши и выбрав «Исходный код страницы», там необходимо найти строку:

вместо « yourdomain .ru» будет название вашего сайта, а вместо «yourthemes» будет директория с вашей темой. После чего мы заходим в эту папку и можем видеть все файлы темы. Так же тему можно редактировать и через админку WordPress для этого необходимо зайти в админку->Внешний вид->Редактор.

    1. Первым делом нужно удалить лишние обращения к базе данных, например в файле шапке (header.php) часто используется стандартная вставка:

Все эти обращения к базе данных через php запросы, можно заменить на:

*но нужно учитывать, что если у вас другая кодировка, то в charset=ВАШАКОДИРОВКА
Тоже самое касается ссылки на стили:

*Не забудьте заменить yourdomain.ru на ваш сайт, а так же поменяйте название темы.

*Не забудьте заменить site.ru на ваш сайт.

*Не забудьте заменить site.ru на ваш сайт, а так же надпись «ВАШ САЙТ» на название вашего сайта.

    Так же можно удалить излишние мета-теги сайта из wp_head, вставив следующий код в файл функций (functions.php) вашей темы.

Перейдём к правке подвала (footer.php), в нём так же часто оставляют запросы к базам данных, например вида:

Топ-пост этого месяца:  Создание сайта на WordPress пошаговая инструкция для «чайников»

Который можно заменить просто на статическое название сайта, например название моего блога: «Блог Пузата про заработок в интернете».

  • Обращения к базам данных в шаблонах встречаются не только в header.php и footer.php, но и в других файлах темы, но там уже нужно смотреть индивидуально, пробуйте менять, но не забывайте делать бекапы файлов.
  • Уберите все комментарии из вашего шаблона, если они не требуются. За вывод комментариев в постах/страницах отвечает следующий код:

    Просто удалите его и из ваших постов/страниц исчезнет даже упоминание о комментариях.

  • Так же почистите код от закомментированных вставок, если они вам не требуются. Я имею ввиду и /*код*/ .
  • Старайтесь свести к минимуму, а лучше вообще отказаться от использования внешних скриптов, то же самое касается изображений и других файлов используемых с других сайтов, так как это может значительно замедлить работу сайта. Можно попробовать перенести код этого скрипта к себе на сайт или же попробовать сделать данную реализацию самому. Что же касается картинок и других файлов лучше их скопировать и сохранить у себя на сайте.
  • Вы так же можете оптимизировать скрипты и стили с помощью ранее предложенных онлайн сервисов.
  • Пропишите в header.php чтобы ваш сайт проходил дополнительную компрессию со стороны сервера, но перед этим проверьте поддерживает ли ваш сервер(хостинг) данную функцию, для этого нужно создать файл proverka.php в корневой директории сайта и вставить в него следующий код:

    После чего открываем этот файл в браузере http://site.ru/proverka.php и ищем zlib, если стоит enabled, то есть включен, то мы можем добавлять код:

    Если ваш хостинг не поддерживает Zlib, то вы можете попросить суппорт хостинга включить его, сейчас практически каждый хостинг его включает изначально, нам же остаётся его лишь прописать в header.php прямо перед !DOCTYPE… , то есть в самом начале кода.
    *На одном сайте не может работать gzip и zlib компрессия, поэтому выберите что-то одно.

    Старайтесь размещать все ваши скрипты прямо перед

    Как заставить сайт на WordPress летать

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

    Но вот в проект добавляется «джентельменский набор» плагинов, вроде SEO метатегов, карты сайта, защита от взлома, антиспам, формы обратной связи, шорткоды и т.п.

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

    И сайт начинает тупить

    Как решить проблемы ускорением сайта

    Я вижу три пути как увеличить скорость работы сайта на WordPress.

    Тупиковый

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

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

    Я лично наблюдал ситуацию у известного хостера, который доказывал моему клиенту, что его сайт настолько много жрет ресурсов (при посещаемость 10 человек в день), что ему нужно купить супер пупер VIP тариф.

    При этом лепил что-то очень умное про «длинные sql запросы» и про «лимит процесорного времени», что если бы это не был готовый сайт, на котором я успешно продвинул более 30 проектов, я бы может и поверил (смотрите готовый сайт визитка на WordPress).

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

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

    Сложный

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

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

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

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

    Так что если увидели, что сайт на WordPress начал тормозить, то не спешите кидаться на биржу фриланса с просьбой: «помогите ускорить сайт!». Несмотря на кучу предложений и уверений, что всё будет тип-топ, по моим наблюдениям это просто потерянные деньги.

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

    Кэширование

    С этого варианта и нужно начинать любому владельцу сайта, он простой, не несет никаких рисков в плане «поломать сайт», даёт очевидное ускорение работы сайта и снижение нагрузки на хостинг.

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

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

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

    И внедряйте кэш!

    Плагин кэширования WordPress

    Чтобы внедрить кеширование понадобится специальный плагин.

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

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

    Установка происходит как обычно (читайте тут про установку плагинов в WP)

    И переходим к настройкам.

    Основные настройки

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

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

    Вот безопасные настройки:

    Основные проблемы возникают при выборе пунктов:

    1. Объединение CSS
      Небольшая вероятность что какие-то элементы будут отображаться коряво.
    2. Объединение JS
      в этом случае кэшированная версия сайта может вообще не работать.

    Поэтому выбирайте их с осторожностью и сразу тестируйте кешированную версию.

    Я таже НЕ включаю такие пункты:

    Не показывать кэшированные версии мобильным устройствам.
    Иначе не будут нормально формироваться AMP страницы (читайте как получить 95+ баллов в Google Page Speed с этими страницами).

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

    Остальные настройки, отмеченные серым цветом — штука отличная, но доступна только в платной версии плагина, а стоит она немало и ставить ли ее или нет, думайте сами

    Как сбросить кеш

    Под админом у вас будет показываться обычная версия — это удобно, чтобы вы видели актуальные некэшированные страницы WordPress, а пользователи при этом заходили на быстрые закэшированные страницы.

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

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

    Но можно удалить кэш и вручную — сверху желтая иконка «Delete Cache and Minified CSS/JS»

    Как тестировать кэшированную версию сайта

    Ну а чтобы наоборот видеть закэшированную версию сайта (глазами посетителя) просто откройте сайт в другом браузере или выберите режим инкогнито, обычно CTRL + SHIFT + N для хрома или CTRL + SHIFT + P для firefox.

    Вы войдете не под админом и будет показана кэшированая страница.

    Тестирование WordPress сайта без кэша

    Выключаем плагин кэширования Fastest Cache и проверяем в двух сервисах: https://tools.pingdom.com/ + https://webopulsar.ru/test/

    Без плагина кэширования скорость загрузки страницы больше 3 секунд.

    и видим, что есть «затуп» в виде 2 секунд, когда формируется страница и сайт немного подтупливает.

    А также обратите внимание, что ответ сервера больше 1000 мс — столбец «Ожидание ответа«.

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

    Тестирование WordPress сайта с кэшем

    На pingdom скорость загрузки страницы сократилась почти в 1.5 раза.

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

    Ответ сервера в проверке Вебпульсар сократился почти в 15-20 раз, с 1400 мс до 100 мс и даже меньше.

    Ссылки на тестирование:

    Выводы и итоги

    • Ускорить сайт на WordPress можно, причем без специальных знаний и бесплатно.
    • Кэширование позволяет быстро и просто ускорить практически любой сайт на WordPress, добиваясь высоких показателей в непосредственной скорости загрузки страницы (к Google Page Speed это имеет не прямое отношение, там свои «тараканы», читайте тут подробнее) и снижению нагрузки на хостинг.
    • Сайт визуально и по тестам начинает работать гораздо шустрее.
    • если есть лишняя копеечка, то закажите услугу CDN сервера вот тут (скидка 20% по промокоду «moytop»). Это даст весьма стабильную и быструю работу сайта.

    А настройка такая простая, что с ней справится и школьник. Так что пользуйтесь, если еще не делали ускорение сайта на WordPress, я применяю его уже несколько лет — полёт нормальный!

    Кстати, в моем готовом сайте визитки на WordPress плагин ускорения загрузки Fastest Cache уже установлен и настроен.

    Успехов в бизнесе.

    Полезные цитаты: Сегодня я богат именно благодаря тому, что я сделал в свободное время (Р.Кийосаки)

    10 способов ускорить WordPress блог


    Приветствую всех, кто ведет свой блог на WordPress. В этой теме я дам несколько советов о том, как ускорить WordPress блог. Наверняка многие из вас об этом задумываются. В первую очередь нужно думать о посетителях, а они не любят ждать, если ваш блог загружается медленно. Читал на каком-то иностранном авторитетном ресурсе о том, что каждые 0,5 секунды загрузки страниц, теряются от 20% посетителей. А еще, если снизить скорость загрузки портала Amazon,будет потеряна прибыль в 1%. И я с этим полностью согласен, да и вы наверное тоже. Прежде чем ускрорять WordPress, нам нужно проверить скорость загрузки сайта. Для этого можно воспользоваться сервисом. Для наглядности — вот мои показатели на сегодняшний день. Откроется в новом окне.

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

    1. Выбор сервера.

    Это наверное первоочередная задача перед тем, как ускорить работу WordPress. От того, какой производительности сервер, на котором располагается ваш блог, зависит скорость его загрузки в браузер и бесперебойная работа (uptime). Чтобы оценить нагрузку на сервер, рассмотрим некоторые виды хостинга.

    Shared Hosting — На одном сервере может располагаться 500 и даже 1000 клиентов. Сайтов конечно гораздо больше.

    VPS — Сервер расчитан на небольшое количество людей. Порядка 20 человек.

    Dedicated — индивидуальный сервер, который будете использовать только вы.

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

    2. Удаление ненужных плагинов

    Основным тормозом, чтобы ускорить загрузку сайта являются плагины. Посмотрите сколько у вас их установлено. Если больше 10, то спросите себя, все ли они вам нужны. По возможности избавляйтесь от них. Я уверен, большинство из них необязательные. Рекомендую вместо плагинов встраивать PHP код непосредственно в тему оформления. По этому поводу в интернете есть целые мануалы. Опытные веб-мастера стараются избавится от плагинов и необходимый PHP код вставляют в файлы темы. Это занятие конечно для более опытных, но если делать все по инструкции, то получится и у новичка. Это позволит существенно ускорить загрузку WordPress сайта. Может напишу скоро что-нибудь подобное. ��

    3. Удаление ненужных тегов PHP

    Если вы не сами делали тему, то открываем в административной части блога Внешний вид-Редактор-файл header.php на редактирование и смотрим, что у нас там есть. Если вы видите что-то типа этого:

    То эту конструкцию можно смело удалять, так как она говорит о версии вашего движка. Эта информация лишняя, она никому не нужна. Далее смотрим:

    Все это содержимое можно заменить, только на формат HTML:

    Если вы в чем-то сомневаетесь, то откройте любую страницу своего блога. Нажмите на клавиатуре Ctrl + U и в самом верху смотрим, что у вас написано в исходном коде. Можно просто скопировать эти самые строчки, которые браузер отобразил уже в HTML формате и вставить в header.php
    Копируем их и вставляем вместо тех, которые написаны на PHP . Можно попробовать скопировать все, что находится между тегами

    и заменить их на HTML.

    Удаляем в header.php все лишние пробелы. Тем самым мы уменьшили количество запросов, чтобы ускорить загрузку.

    4. Используйте кэширование страниц

    Для этого подойдет WordPress плагин WP Super Cashe, он поможет хорошо ускорить сайт. Но мы с вами стремимся использовать минимальное количество плагинов, поэтому есть способ от него отказаться. Решением является установка скрипта My-Cashe. Я бы сказал, что он даже лучше, чем все плагины кэшироавания вместе взятые, потому как очень сильно снижает нагрузку на сервер и одновременно кэширует. Установка скрипта не совсем стандартная, но есть инструкция, разобраться можно. Если что-то будет непонятно, пишите вопросы в комментариях.

    Так же нужно включить кэширование сайта браузером. Делается это вставкой кода в .htaccess, находящийся в корне WP директории на сервере. Если у вас его нет, то создайте его и внесите следующие строки:

    FileETag MTime Size ExpiresActive on ExpiresDefault «access plus 1 year»

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

    5. Оптимизируйте базу данных

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

    6. Оптимизируйте все изображения

    Размер картинок на сайте имеет важное значение и может стать одним из основных преткновений, чтобы ускорить WordPress блог. Избегайте больших изображений с высоким разрешением, они очень долго грузятся. Посетитель может не дождаться и закроет вкладку. Для оптимизации картинок можно воспользоваться специальными сервисами, а также специальными программами по оптимизации изображений. Одну из них можно скачать здесь. Называется Image Optimizer.

    7. Сжать и объединить CSS и JS код

    Для того, чтобы сжать CSS и JavaScript код нужно воспользоваться специальными сервисами.
    Для сжатия CSS кода.
    Для сжатия JS кода
    Еще один. (Не поверял. Проверите, расскажете. :)).
    Установить плагин для сжатия CSS и JS под названием WP-Minify. Если к вашей теме подключено несколько CSS файлов , например print.css или специально предназначенный для браузера IE-8. Можно объединить все файлы в один, скопировав весь код и переместив его в основной style.css. Остальные можно будет удалить и в header.php нужно будет убрать подключаемые стили. К примеру такой:

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

    8. Всегда обновляйте WP до последней версии

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

    9. Отключение Hotlink’а

    Не все наверное знают что такое Hotlink, но постараюсь объяснить. Hotlink-это размещение картинок , которые лежат у вас на, сервере, на других ресурсах. Другими словами, кто-то просто берет и копирует вашу статью вместе с изображением и вставляет ее на свой сайт . Она будет висеть на его странице, а располагаться на вашем сервере. Если множество картинок таким образом размещено без вашего метода, это создает дополнительную нагрузку на сервер, что не есть хорошо. Не скажу, что этот пункт нужно выполнять в обязательном порядке, но все же может кому-то пригодится. В основном это касается крупных сайтов с большой посещаемостью, которых нужно ускорить. Решение такое, нужно опять в файл .htaccass занести этот код:

    RewriteEngine on RewriteCond % !^$ RewriteCond % !^//(www\.)?yourdomain.com/.*$ [NC] #RewriteRule \.(gif|jpg)$ — [F] RewriteRule \.(gif|jpg)$ //www.yourdomain.com/nohotlink.gif [R,L]

    В третьей строчке замените yourdomain.com на имя вашего сайта? а в пятой — //www.yourdomain.com/nohotlink.gif-ссылка на картинку-заглушку. То есть, где раньше были размещены изображения с вашего сайта , будет показываться специально подготовленная картинка . Это может быть как реклама вашего блога, так и уведомление о том, что вы отключили хотлинки.

    10. Картинки на поддомене

    Если разместить все картинки на поддомен, то нагрузка на сайт снизится, за счет ее распределения, что хорошо повлияет на Ускорение WordPress. Если у вас много графических элементов, например фотографии, то данный способ должен помочь снизить нагрузку.
    Потребуется создать поддомен, например images.yourdomain.com . Первое, что нам нужно, это узнать абсолютный путь до директории сохранения всей графики. Можно посмотреть его в админ. панели хостинга, но если нет такой возможности, то в корне поддомена создайте файл с расширением PHP, например info.php и добавить в него этот код :

    Затем в браузере наберите путь до этого файла . На экране появится полный путь, который нам и нужен. Перепишите его, он нам пригодится, а info.php можно удалить. Копируем папку uploads и переносим ее на поддомен. Изменяем пути до картинок в базе данных. Для этого идем в PhpMyAdmin, выбираем БД вкладка SQL в поле пишем следующий код:

    UPDATE wp_posts SET post_content = REPLACE(post_content, ‘//yourdomain.com/wp-content/uploads/’,’//images.yourdomain.com/’) UPDATE wp_posts SET gu )

    В административной части WordPress идем в Параметры-Медиафайлы и пописываем Полный URL-путь к файлам , который скопировали ранее. Сохраняем. О том, что у вас изменились пути к картинкам нужно оповестить поисковые системы. Снова открываем на редактирование файл .htaccess и пишем функцию перенаправления:

    RedirectMatch 301 ^/wp-content/uploads/(.*)$ //image.yourdomain.com/$1

    Папку uploads с основного домена можно удалить.

    Заключение

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

    • В 3 раза удалось ускорить WordPress блог
    • Нагрузка на сервер снизилась вдвое
    • Увеличилась посещаемость с поисковых систем (примерно в 2 раза)
    • Процент отказов стал гораздо ниже
    • Увеличилось количество просмотренных страниц
    • Увеличилось общее время, проведенное на блоге пользователем

    Судите сами, насколько это хорошо и надо ли это вашему блогу. О своих успехах пишите в комментариях.

    Подробный мануал ускорения Вашего WordPress сайта

    Последнее изменение: 10.10.2020 2958

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

    В отличие от других «N лучших плагинов для кэширования WordPress» или «общих советов для ускорения WordPress», эта статья является исчерпывающим руководством по оптимизации производительности WordPress.

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

    Для удобной навигации было создано меню.

    Содержание

    Основы работы WordPress

    Ускорение WordPress простыми спедствами (без кодирования)

    Оптимизация производительности WordPress

    Точная настройка WordPress для скорости (Дополнительно)

    Основы работы WordPress

    Почему скорость важна для вашего сайта WordPress?

    Исследования показывают, что с 2000 по 2020 года средний уровень внимания человека снизился с 12 секунд до 7 секунд.

    Что это значит для вас, как владельца веб-сайта?

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

    Медленный веб-сайт означает, что пользователи потенциально покинут ваш сайт до его загрузки.

    Согласно тематическому исследованию StrangeLoop, в котором участвовали Amazon, Google и другие более крупные сайты, 1 секунда задержки загрузки страницы может привести к 7% -ному снижению конверсий, на 11% меньше просмотров страниц и снижению удовлетворенности клиентов на 16%.

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

    Итог, если вы хотите больше трафика, подписчиков и доходов от вашего сайта, то вы должны сделать ваш сайт WordPress очень быстрым!

    Как проверить скорость вашего сайта в WordPress?

    Часто начинающие считают, что их сайт в порядке, потому что он не чувствует себя медленно на своем компьютере. Это ОГРОМНАЯ ошибка.

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

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

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

    Именно поэтому мы рекомендуем вам протестировать скорость вашего сайта с помощью инструмента Pingdom .

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

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

    Хорошее время загрузки страницы составляет менее 2 секунд.

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

    Что замедляет ваш сайт WordPress?

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

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

    Основными причинами для медленного веб-сайта WordPress являются:

    • Веб-хостинг. Если ваш веб-хостинг/сервер настроен неправильно, это может ухудшить скорость загрузки страницы.
    • Конфигурация WordPress. Если ваш сайт WordPress не обслуживает кешированные страницы, он перегрузит ваш сервер, что приведет к замедлению работы вашего сайта или сбою.
    • Размер страницы. Основные изображения, которые не оптимизированы для Интернета.
    • Плохие плагины. Если вы используете плохо написанный плагин, это может значительно замедлить работу вашего сайта.
    • Внешние скрипты. Внешние скрипты, такие как объявления, загрузчики шрифтов и т. д., Также могут иметь огромное влияние на производительность вашего сайта.
    Топ-пост этого месяца:  Сколько получают веб-дизайнеры на фрилансе и в студиях — подсчитаем заработок веб-дизайнера

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

    Важность хорошего хостинга WordPress

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

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

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

    Мы рекомендуем Time-Host.net как наш предпочтительный хостинг-провайдер WordPress.

    Ускорение WordPress в простых шагах (без кодирования)

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

    Но не беспокойтесь, вы не одиноки. Я помог многим пользователям WordPress улучшить производительность WordPress.

    Я покажу вам, как можно ускорить работу сайта WordPress всего за несколько кликов (без необходимости правок кода).

    Если вы можете наводить мышку и щелкать, вы сможете это сделать!

    Установите плагин для кэширования WordPress

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

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

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

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

    Вы можете видеть в приведенной выше картинке, когда пользователь посещает ваш сайт WordPress (который построен с использованием PHP), то ваш сервер извлекает информацию из базы данных MySQL и ваших файлов PHP, а затем все это объединяется в содержимое HTML, которое подается для пользователя. Это долгий процесс, но вы можете пропустить его часть, для этого используете кеширование.

    Для WordPress доступно много плагинов для кеширования, но мы рекомендуем использовать плагин WP Super Cache. Ознакомьтесь с нашим пошаговым руководством по установке и настройке WP Super Cache на вашем сайте WordPress. Его не сложно настроить и ваши посетители заметят разницу.

    Оптимизация изображений для скорости

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

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

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

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

    На блоге Romua1d.ru мы используем только два формата изображения: JPEG и PNG.

    Теперь вам может быть интересно: какая разница?

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

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

    Итак, как мы решаем, какой формат изображения выбрать?

    • Если у нашей фотографии или изображения много разных цветов, мы используем JPEG.
    • Если это более простой образ или нам нужно прозрачное изображение, мы используем PNG.

    Большинство наших изображений — это JPEG.

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

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

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


    Оптимизация производительности WordPress

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

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

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

    Обновите сайт WordPress

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

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

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

    Использовать сокращенные записи на главной странице и архивах

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

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

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

    Вы можете перейти к настройкам «Чтение» и выбрать для каждой статьи в ленте, показывать: «краткий текст» вместо «полного».

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

    Разделить комментарии на страницы

    Получаете много комментариев в сообщениях своего блога? Мои поздравления! Это отличный показатель вовлеченной аудитории.

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

    WordPress поставляется со встроенным решением для этого. Просто зайдите в Настройки «Дискуссия» и установите флажок рядом с параметром «Перерыв на страницы».

    Более подробные инструкции см. В нашем руководстве по разбивке комментариев в WordPress.

    Используйте сеть доставки контента (CDN)

    Помните, как мы упоминали выше, что пользователи в разных географических точках могут испытывать разные времена загрузки на вашем сайте?

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

    Использование CDN или сети доставки контента может помочь ускорить время загрузки для всех ваших посетителей.

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

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

    Вы можете увидеть, как это работает в этой инфографике.

    Мы используем MaxCDN для всех наших проектов, в том числе здесь, на Romua1d.ru. Он хорошо работает с веб-сайтами WordPress и дополняет существующие плагины для кеширования WordPress для еще более быстрой загрузки. Ознакомьтесь с нашим руководством по установке и настройке решения WordPress CDN MaxCDN для начала работы.

    Не загружайте видео прямо в WordPress

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

    Но вы НИКОГДА не должны этого делать!

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

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

    Вместо этого вы должны использовать услугу видеохостинга, такую как YouTube, Vimeo, DailyMotion, RuTube и т. Д., И пусть они позаботятся о тяжелой работе. У них есть пропускная способность!

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

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

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

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

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

    Премиальные тематические магазины WordPress, такие как StudioPress, Themify и Array Themesoffer, которые хорошо реализованы и оптимизированы для скорости. Вы также можете ознакомиться с нашей статьей о выборе идеальной темы WordPress для консультаций о том, что искать.

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

    Используйте плагин Faster Slider

    Слайдеры — еще один общий элемент веб-дизайна, который может сделать ваш сайт медленным.

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

    Мы сравнили лучшие плагины слайдера WordPress для производительности и функций, а Soliloquy был самым быстрым на сегодняшний день.

    Вот как он сравнивается с другими популярными плагинами слайдера.

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

    Если у вас есть веб-сайт для фотографии или портфолио, вы, вероятно, захотите использовать плагин галереи изображений для отображения своих фотографий.

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

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

    Мы протестировали его скорость по сравнению с несколькими другими популярными плагинами в галерее и обнаружили, что Envira Galley почти в два раза быстрее:

    Точная настройка WordPress для скорости (Advanced)

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

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

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

    Разделить длинные сообщения на страницы

    Читатели, как правило, любят сообщения в блогах, которые являются более длинными и более подробными. Более длинные даже имеют тенденцию к повышению в поисковых системах.

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

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

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

    Более подробные инструкции см. В нашем учебном пособии по размещению страниц. Как разбить сообщения WordPress на несколько страниц.

    Уменьшить внешние HTTP-запросы

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

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

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

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

    Сокращение вызовов базы данных

    Примечание. Этот шаг является немного более техническим и потребует базовых знаний о файлах шаблонов PHP и WordPress.

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

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

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

    Оптимизация базы данных WordPress

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

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

    Ознакомьтесь с нашим руководством по оптимизации и очистке базы данных WordPress для повышения производительности.

    Ограниченные редакционные публикации

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

    Вы можете легко ограничить количество версий WordPress для каждой статьи. Просто добавьте эту строку кода в файл wp-config.php.

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

    Отключить Hotlinking и похищение вашего контента

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

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

    Просто добавьте этот код в ваш .htaccess файл, чтобы блокировать хотлинкинг изображений с вашего сайта WordPress.

    Примечание. Не забудьте изменить romua1d.ru на Ваш собственный домен.

    Вы также можете проверить нашу статью, показывающую 4 способа предотвращения кражи изображений в WordPress.

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

    Это оно! Мы надеемся, что эта статья помогла вам изучить некоторые полезные трюки, чтобы ускорить WordPress и повысить производительность.

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

    15 способов как ускорить загрузку сайта на WordPress . Часть I

    WordPress – это великолепная платформа для создания сайтов. Однако она имеет свой недостаток – медленную загрузку.

    Не приняв специальных мер по её устранению, вы получите медленный сайт, что в свою очередь хорошо потреплет нервы ваших постоянных посетителей. А так же приведёт к потере потенциальных клиентов.

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

    Почему так важна скорость загрузки сайта на WordPress

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

    Приготовьтесь потерять сон: согласно исследованию команды поиска Microsoft Bing на каждой второй секунде задержки загрузки сайта удовлетворённость пользователей снижается на 3,8%, вероятность потери дохода с одного пользователя увеличивается на 4,3%, и количество переходов со страницы поиска на сайт снижается на 4,3%.

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

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

    Как ускорить WordPress

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

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

    1.Найдите хороший хостинг

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

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

    Однако высокую цену, вам всё же придётся заплатить за так называемое «выгодное предложение». Это – невероятно медленная скорость сайта и неспособность сервера обрабатывать запросы в период пиковой нагрузки.

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

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

    Я всегда рекомендую только хостинг оптимизированный под WordPress

    Сайты под управлением вордпресс хостинга всегда невероятно быстрые по причине применения технологии SSD-кеширования и других инструментов оптимизации скорости wordpress сайта. Заточенный под вордпресс хостинг имеет минимальное время отклика на запрос пользователя даже в момент наибольшей пиковой нагрузки. С panel у хорошего хоста должна быть простой и понятной. Также веб-хостинг обязан иметь круглосуточную поддержку для экстренных случаев.

    2. Начните работать с надёжной темой

    Наверное, вы будете удивлены, но дефолтная тема вордпресс «Twenty Fifteen» это, довольно, быстрый и лёгкий фреймфорк.

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

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

    Неоспоримо, то, что плагины вордпресс значительно расширяют функционал сайта. В категории «популярные» есть несколько плагинов, которые кешируют веб-страницы, например, W3 Total Cache.

    У него более миллиона скачиваний, он имеет все необходимые функции, он прост в установке, настройке и использовании.

    С W3 Total Cache скорость загрузки сайта значительно вырастет по причине кеширования его страниц и технологии сжатия html, css и java script файлов.

    4.Используйте сеть доставки контента (CDN)

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

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

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

    5. Оптимизируйте изображения (автоматически)

    У компании Yahoo! есть оптимизатор изображений, который называется Smush it. Его можно установить на ПК как десктопную программу или как расширение для браузера Firefox.

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

    Чтобы не возится с каждой фотографией в отдельности, загрузите на свой сайт плагин WP-SmushIt. Он будет автоматически сжимать картинки, во время их загрузки. Также с его помощью можно сжать уже имеющиеся картинки на сайте. Я всегда рекомендую установить плагин WP-SmushIt тем кто ищет возможность как ускорить загрузку сайта на wordpress.

    6. Оптимизируйте скорость загрузки главной страницы сайта

    Главная страница – это наиболее важная страница сайта. Сюда поисковые системы чаще всего приводят людей. Для того чтобы она стала загружаться быстрей, делайте некоторые простые вещи:

    • выводите анонсы вместо полных статей;
    • уменьшайте количество постов (до 5-7);
    • убирайте лишние социальные виджеты (показывайте их только в постах);
    • удаляйте неактивные плагины и виджеты, которые вы не используете;
    • придерживайтесь минимализма! Пользователи здесь из-за контента, а не из-за десятков виджетов.

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

    7. Оптимизируйте свою базу данных WordPress

    Так часто приходится использовать выражение «оптимизация скорости загрузки сайта wordpress» в этом посте :-).

    Со временем базы данных сайта «разбухают» и увеличиваются. Это тормозит его работу.

    Если вы хотите очистить базу данных своего сайта от ненужных записей, то установите плагин WP-Optimize. Этот плагин сделает всё за вас: он оптимизирует и очистит таблицы баз данных, удалит ненужные ревизии постов и спам, черновики, комментарии и т. д.

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

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

  • Добавить комментарий