Плагин оптимизация сайта wordpress – Плагин Clearfy — тонкая настройка, оптимизация, ускорение и защита WordPress

Содержание

Лучшие плагины для оптимизации WordPress-сайта под мобильные устройства

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

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

Веб-приложение являются гораздо более удобным для пользователя, включают в себя автономную синхронизацию и работают на всех платформах, включая iOS, Windows Phone, BlackBerry OS и Android.

Плагин WordPress Mobile Pack также позволяет выборочно синхронизировать записи, страницы и комментарии. Платная версия предоставляет продвинутые функции настройки и создания тем, интеграции с Google Analytics, Google AdSense и DoubleClick.

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

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

Также можно приобрести дополнительные расширения. Их стоимость варьируются от 10 до 20 долларов.

Стоимость базовой версии WPtouch Pro начинается от 88 долларов в год за лицензию для одного сайта. Она включает в себя такие расширения, как Basic Ads, Related Posts, а также режим Web-App.

Плагин Any Mobile Theme Switcher распознает смартфоны и планшеты, работающие на базе Android, Windows Mobile и BlackBerry OS. Вы можете выбрать для них различные мобильные темы оформления.

Премиум-версия плагина (стоимость которой составляет $10) позволяет отображать различные домашние страницы в зависимости от типа мобильного устройства. Он также отображает QR-код на десктопной версии сайта для мобильных закладок и совместим с плагином W3 Total Cache.

Плагин Obox Mobile WordPress предлагает расширенные возможности настройки мобильной темы:

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

Этот премиум плагин стоит $40, включая пожизненные обновления и 6 месяцев эксклюзивной поддержки от команды разработчиков Obox.

Плагин определяет более 5000 устройств и позволяет обслуживать «специфический» контент.

Бесплатная версия WP Mobile Detector поставляется с 11 темами оформления для мобильных устройств, предназначенными для блогов, сайтов компаний и интернет-магазинов.

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

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

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

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

WordPress автоматически создает оптимизированные версии изображений в разных размерах. Вы можете оптимизировать новые и существующие изображения, используя плагин EWWW Image Optimizer. Он поддерживает пакетное сжатие изображений в форматах JPG или PNG.

[IMG=https://www.wpexplorer.com/wp-content/uploads/WP-Smush.jpg]

WP Smush — еще один плагин для оптимизации изображений. Бесплатная версия ограничивает максимальный размер входного файла 1 МБ.

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

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

Google предоставляет удобный тестер сайтов для мобильных устройств. После проверки сервис выдает персональные рекомендации по оптимизации сайта.

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

 

Данная публикация представляет собой перевод статьи «Best Plugins for WordPress Mobile Site Optimization» , подготовленной дружной командой проекта Интернет-технологии.ру

Плагины для ускорения загрузки сайта WordPress

(Последнее обновление: 05.05.2019)

Приветствую вас, дорогие друзья! Сегодня у меня снова важная тема для вас — как увеличить скорость загрузки сайта? Как ускорить ваш сайт WordPress? Об этом написано у меня подробно здесь, а этот пост будет дополнение к нему. Лишние знание об ускорение загрузки сайта WordPress нам не повредят. Сразу признаюсь, статья не моя. Позаимствовал её с популярного сервиса pr-cy. Надеюсь они не против. И так, погнали наших городских. Плагины для ускорения загрузки сайта на WordPress?

Первое, что влияет на впечатление пользователя от сайта — скорость его загрузки. Если сайт не загрузился в первые 3 секунды, скорее всего пользователь его закроет.

Загрузка сайта WordPress
Загрузка сайта WordPress

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

Даже если на сайте выстроена идеальная воронка продаж, продумано юзабилити, продается что-то выгодное и полезное, клиент этого не увидит. Поисковые системы тоже поощряют ускорение загрузки: с 9 июля Google запустил алгоритм Google Speed Update, которые понижает в выдаче сайты, которые загружаются долго. Особенно рискуют интернет-магазины, потому что обычно они функционально перегружены.

Многие владельцы сайтов и SEO-специалисты жаловались на значительную просадку позиций после обновления алгоритма. Хотя сервисы мониторинга позиции не показывают каких-либо значительных изменений. Интересно, что по анализу Барри Шварца, владельца портала Seroundtable, апдейт больше всего навредил сайтам о здоровье. Пострадали 42% официальных ресурсов медучреждений, частных сайтов о здоровье и фитнесе, ЗОЖ. Причина такого смещения результатов неизвестна. Даже если ваш сайт далек от темы здоровья, работать над скоростью все равно нужно.

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

WordPress плагины для ускорения загрузки сайта

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

WP Fastest Cache

WP Fastest CacheWP Fastest Cache

Плагин WP Fastest Cache

Плагин создает статические html-файлы с сайта на WordPress и сохраняет их, то есть кэширует страницы.

Возможности:

  • кэширование страниц в браузере для более быстрой загрузки у пользователей, посещавших сайт ранее;
  • gzip-сжатие;
  • оптимизация кода;
  • уменьшение размера файлов css.
Данные WP Fastest CacheДанные WP Fastest Cache

Сравнение производительности с другими плагинами

Плагин совместим с HTTPS, поддерживает SSL, CDN, Cloudflare. Не работает с режимом Multisite. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 3.3. Настройка этого плагина очень проста.

Плагин PageSpeed Ninja

PageSpeed NinjaPageSpeed Ninja

Плагин PageSpeed Ninja

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

  • Простое влючение gzip сжатия для файлов;
  • Исправление блокирующих отрисовку css и javascript;
  • Улучшение критического пути отрисовки и авто-генерация критического CSS;
  • Минификация html, javascript и css файлов;
  • Объединение и подстановка javascript и css;
  • Отложенная загрузка javascript и css;
  • Оптимизация порядка загрузки стилей и скриптов;
  • Сжатие всех изображений для оптимизации размера;
  • Отложенная (ленивая) загрузка изображений с поддержкой предпросмотра в низком разрешении;
  • Получайте преимущества от кэширования в браузере и на стороне сервера.
Настройки PageSpeed NinjaНастройки PageSpeed Ninja

PageSpeed Ninja предлагает действия по ускорению загрузки сайта

Плагин может быть несовместим с некоторыми сайтами, поэтому проверьте совместимость на сайте PageSpeed.Ninja (http://pagespeed.ninja/). Введите свой домен, результаты появятся на экране и придут на почту. Совместим с версиями WordPress от 4.0.1 вплоть до последней на сегодня версией 4.9.8. Минимальное требование — версия от 4.0.1.

PageSpeed Module

PageSpeed NinjaPageSpeed Ninja

Плагин PageSpeed Ninja

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

Возможности:

  • очистка кэша от модулей;
  • включение режим разработчика для обхода кэширования PageSpeed.

Плагин имеет страницу настроек в консоли сайта, с кнопками и элементами управления:

Настройки PageSpeed ModuleНастройки PageSpeed Module

Панель настроек плагина PageSpeed Module

Для работы нужно, чтобы был установлен веб-сервер Apache или Nginx. Плагин совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.4.

Jetpack от WordPress.com

JetpackJetpack

Jetpack от WordPress.com

Удобный дизайн, маркетинговые инструменты и средства безопасности — всё собрано вместе. Плагин от WordPress.com, его функциональность позволяет улучшить оформление сайта, обеспечить пользователям безопасную работу, отследить маркетинговые данные. Создайте сайт WordPress с чистого листа и настройте его по своему усмотрению. Плагин установили более 5 000 000 пользователей.

Создайте сайт WordPressСоздайте сайт WordPress

Создайте сайт WordPress с чистого листа и настройте его по своему усмотрению

Возможности Jetpack:

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

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

AMP for WordPress

AMP for WordPressAMP for WordPress

AMP project. Плагин ускоряет загрузку страниц, преобразовывая их в AMP

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

  • преобразование страниц в вид AMP, тогда к URL каждой страницы добавится /amp/;
  • отображение сайта как «Native AMP», тогда у каждого адреса будет только одна AMP-версия URL;
  • обновление кэша по расписанию.

Поддерживает CDN. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.7.

All in One SEO Pack

All in One SEO PackAll in One SEO Pack

Плагин All in One SEO Pack

Плагин работает с ускорением загрузки страниц, но предназначен в целом для автоматизации работы с SEO сайта. Более 45 000 000 установок. Возможности:

  • поддержка Google AMP для ускорения загрузки мобильных страниц;
  • уведомление Google об изменениях на сайте;
  • автоматическая оптимизация заголовков и генерация метатегов;
  • поддержка Google Analytics;
  • встроенный API, который позволяет дорабатывать плагины под себя;
  • и другая функциональность для SEO.

Совместимость с PHP 7. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.4.

Autoptimize
AutoptimizeAutoptimize

Настройки плагина Autoptimize

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

  • оптимизация JavaScript и CSS;
  • исправление кода, блокирующего отображение верха страницы.
  • кэширование и объединение скриптов и стилей;
  • работа с заголовками;
  • перемещение скриптов в нижний колонтитул;
  • упрощение HTML.

Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.0.

Yandex.News Feed by Teplitsa

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

  • трансляция контента для Яндекс.Новостей;
  • поддержка режима Турбо Страниц.
  • настройка категорий, которые попадут в трансляцию;
  • и другие настройки RSS-ленты для Яндекс.Новостей.
Yandex.News Feed by TeplitsaYandex.News Feed by Teplitsa

Плагин Yandex.News Feed by Teplitsa

Плагин имеет минимум необходимых настроек. Минимальное требование — версия WordPress от 3.9. Смотрите другие плагины для турбо-страниц яндекса тут.

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

И последнее. Очищайте базы данных.

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

По материалам: pr-cy.ru


WP Optimize — оптимизация базы данных и изображений WordPress

(Последнее обновление: 19.04.2019)

Привет, дорогие друзья! Плагин WP Optimize разработан для упрощения вашей повседневной работе с WordPress, то есть, для оптимизации базы данных. Если сказать простым языком, плагин удаляет из вашей базы MySQL всякий не нужный хлам и мусор. Оптимизация базы данных WordPress происходит в автоматическом режиме или по желанию, в ручном режиме. Кликнули мышкой и всё, готово! New! В плагин добавлена функция сжатие изображений автоматически. Круто!

WP-Optimize вордпрессWP-Optimize вордпресс

Оптимизация вордпресс с помощью плагина WP-Optimize

Проект WP-Optimize начался в качестве полезной программки для собственных нужд разработчика. Потом, как пишет автор модуля, он понял, что это программка пригодится многим пользователям, так и произошло. Я например сам по началу не знал, что при написании статьи или при создании страницы, она сохраняется (ревизия) много раз, тем самым база данных увеличивается в размерах. Например, если у вас есть пост, который составляет примерно 100 кб и у вас при сохранении 5 ревизий этой записи, общий размер в пустую составит около 500 кб. В следствии чего накапливается много мусора в базе данных и со временем это даёт значительную нагрузку на сайт/блог. Он начинает тормозить.

Это относится и к спам — комментариям, не одобренным репликам, а так же, и к не нужным нам Tracksbacks и Pingbacks. WP-Optimize может очистить и удалить всё это в один клик мышки.

Плагин WP-Optimize описание

WP-Optimize WordPressWP-Optimize WordPress

Плагин WP-Optimize

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

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

Установка WP-Optimize и настройка

Все это делается из админки блога, заходим Плагины — Добавить новый. В поле поиска плагинов вводим название плагина: WP-Optimize. Устанавливаете и активируете его:

WP-Optimize установкаWP-Optimize установка

Установка и активация плагина

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

WP-Optimize настройка WP-Optimize настройка

Настройка плагина по оптимизации базы данных

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

Ревизии постовРевизии постов

Ревизии записей в вордпресс

Для это, захожу в подраздел Database отмечаю всё, что нужно очистить. Нажимаю синею кнопку «Run all selected optimizations»:

Очистка базы данныхОчистка базы данных

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

Можно не всё сразу очищать, а отдельно, где есть что оптимизировать (смотрите информацию под каждым названием). Напротив пунктов кнопка «Run optimizations», вот на неё и кликаем.

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

Сжатие изображений автоматически

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

Процесс оптимизации изображения выполняется на сторонних серверах с использованием WordPress HTTP API. После сжатия плагин WP-Optimize извлекает оптимизированное изображение и сохраняет его на вашем сайте. В настоящее время функция сжатия использует сервисы от reSmush.it и Nitrosmush (от iSenseLabs). Производительность этих бесплатных сервисов может быть ограничена для больших рабочих нагрузок.

Для настроек оптимизации картинок/фоток перейдите в подраздел images. Пока настройки на английском, но не беда, браузер переведёт:

WP-Optimize настройкаWP-Optimize настройка

Настойка сжатие изображений на сайте WordPress

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

Что такое автоматическое сжатие изображений?

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

Оптимизация изображений — в том числе эскизов — проводится в фоновом режиме и за пределами видимости использования. И ещё. Плагин может сжать ваши ранее загруженные изображения. Он покажет вам несжатые картинки которые нужно обработать. Вам надо выделить все показанные фотки (Select all) и нажать кнопку Compressed the selected images:

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

Показаны несжатые изображения

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

Обратите внимание, что вы можете вручную установить уровень сжатия на Пользовательский и выбрать максимальное сжатие, чтобы Google PageSpeed ​​не ругался на ваши изображения. Вот, как то, так.

До встречи, дорогие друзья. Надеюсь пост был полезен. Удачи.


Ускоряем WordPress / Habr

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

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

Результат 76 из 100 довольно низкий. Посмотрим, насколько можно увеличить этот показатель.

Серверная часть

Nginx

Если Вы еще не используете Nginx, пора переехать на него. Простое и мощное решение. Конфигурация для работы с поддержкой permalinks и кешированием статики:
server {
        server_name wp.com;
        root /var/www/wp; # путь к WP
        index index.php;

        location ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ {
                access_log off;
                log_not_found off;
                expires max; # кеширование статики
        }

        location / {
                try_files $uri $uri/ /index.php?$args; # permalinks
        }

        location ~ \.php$ {
                fastcgi_pass unix:/var/run/php5-fpm.sock;
                fastcgi_index index.php;
                include fastcgi_params;
        }
}
PHP кеш

Если у Вас нет каких-то особых причин, по которым Вы не можете установить APC, включайте его обязательно. Проверяем наличие APC (в ответ получим список настроек APC):
php -i | grep apc

В версиях PHP после 5.5 есть встроенный модуль opCache, так что APC ставить не прийдется.

Тюнинг Mysql

Wordpress использует InnoDB, а это значит мы можем существенно увеличить производительность MySQL, подстроив ряд параметров (файл my.cnf) под наше железо:

Размер буфера InnoDB лучше поставить в половину доступной оперативной памяти:

innodb_buffer_pool_size = 256M

Не забываем включить кеширование MySQL:

query_cache_size = 32M
query_cache_limit = 1M

Более расширенная настройка MySQL для WordPress.

Кеширование

Это наиболее важный пункт. Кеширование может дать значительное ускорение сайта и экономию ресурсов сервера. Для наглядности будем использовать ab от Apache. Проверим стандартную установку WordPress без кеширования. Запросы направляем через локальную сеть, поэтому задержку ничего, кроме самого WordPress’a не создает:
ab -c 10 -n 500 http://wordpress/

Получаем среднее время на запрос около 50мс:

Total transferred:      4183000 bytes
HTML transferred:       4074500 bytes
Requests per second:    17.62 [#/sec] (mean)
Time per request:       567.421 [ms] (mean)
Time per request:       56.742 [ms] (mean, across all concurrent requests)
Transfer rate:          143.98 [Kbytes/sec] received

Хром показывает среднее ожидание ответа на уровне 150мс (сервер находится в Нидерландах):

WP Super Cache

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

С включенным WP Super Cache получаем уменьшение среднего времени на запрос в 25 раз(!):

Total transferred:      4293500 bytes
HTML transferred:       4146500 bytes
Requests per second:    499.01 [#/sec] (mean)
Time per request:       20.040 [ms] (mean)
Time per request:       2.004 [ms] (mean, across all concurrent requests)
Transfer rate:          4184.61 [Kbytes/sec] received

Cреднее ожидание ответа в Хроме уменьшилось в 3 раза:

В качестве серверной альтернативы WP Super Cache можно использовать Varnish. Он позволяет снизить время на обработку запроса еще почти на порядок, но само решение менее гибкое (хорошо подойдет для блогов без элементов динамики).

Стили, скрипты и картинки

Минификация и сжатие

Минификация CSS/JS может сэкономить 10…15% их размера. Для включения минификации статики есть модуль WP Minify. Качайте, активируйте и модуль начнет работать. Gzip позволит уменьшить размер текстовых файлов в несколько раз. В Nginx’e включается так:
server {
...
gzip on;
gzip_disable "msie6";
gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript;
...
}
Оптимизация картинок

Картинки могут составлять очень большую часть общего размера страницы. Lossless сжатие картинок может сэкономить 30…40% их размера. Это умеет делать модуль EWWW Image Optimizer. Для его работы понадобится установить imagemagick и библиотеку gd:
apt-get install imagemagick php5-gd
Хорошие практики и опыт

  • Лучше всего выбирать VPS для хостинга WordPress. На Shared хостинге многое из описанного выше сделать невозможно. Кроме этого, VPS сейчас достаточно дешевый.
  • Проверяйте темы с помощью Pagespeed перед использованием
  • Очищайте корзину
  • Удаляйте старые ревизии постов
  • Удаляйте спам-комментарии
  • Отключайте трекбеки в моменты, когда все становится совсем медленно
  • Раздавайте RSS через feedburner
В результате

У нас получилось голую установку WordPress разогнать почти в 100 раз по времени генерации страницы (мы включили Varnish) и увеличить показатель по Pagespeed с 76 до 93:

Полезные инструменты и ресурсы

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

Кстати, анализ sevenpercentcatherine.wordpress.com (хостится на wordpress.com) набирает 83 из 100 по Pagespeed. Из проблем — нет минификации и слишком большой ответ от сервера (350мс).

Делитесь своим опытом и инструментарием ускорения WordPress’a в комментариях.

Как ускорить сайт WordPress для Google PageSpeed

(Последнее обновление: 12.08.2019)

Как ускорить сайт WordPress для Google PageSpeed Insights с показателями 100/100? Сегодня я хочу поделиться с вами некоторыми советами которые помогут вам набрать 100/100 баллов в Google PageSpeed ​​Insights на вашем сайте WordPress. Или, по крайней мере, приблизить к этому показателю ваш веб-сайт ВордПресс.

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

Как ускорить сайт WordPress для Google PageSpeed InsightsКак ускорить сайт WordPress для Google PageSpeed Insights

Операция: Ускорить сайт WordPress

Западный SEO-консультант Ник Лерой (Nick Leroy) рассказал, что много внимания уделял скорости загрузки сайтов своих клиентов, а его собственный сайт на WordPress был довольно медленный. Чтобы не быть сапожником без сапог, он решил начать работу по ускорению ресурса. В итоге он сумел добиться максимальной скорости загрузки 100 в Google Page Speed Insights для десктопной версии сайта NickLeRoy.com. Мобильную версию удалось ускорить до 89.

Оптимизация сайта на WordPress для Google PageSpeedОптимизация сайта на WordPress для Google PageSpeed

Скорость загрузки в Google Page Speed Insights

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

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

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

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

  • Хостинг,
  • Тема WordPress,
  • Плагины ВордПресс,
  • Изображения,
  • Ресурсы.
    На основе проверки был составлен список того, что можно улучшить. Затем Ник приступил к внедрению изменений.

Проблема: хостинг и TTFB

Первое, что бросалось в глаза при поверхностном анализе — большое время до получения первого байта после отправки запроса со стороны клиента (Time To First Byte или TTFB) для всех страниц сайта: от 1,5 до 2 секунд. И это было просто время, которое необходимо для первоначального соединения со страницей без ее загрузки.

Помимо этого были и другие проблемы, связанные с хостингом: отсутствие HTTP/2 setup/configured (проблему можно было бы исправить, используя CDN), отсутствие кэширования и т.п. Общий хостинг на Hostgator не способствовал достижению цели увеличения скорости загрузки сайта.

Решение: смена хостинг-провайдера

В качестве альтернативы существующему хостингу были выбраны два провайдера: FlyWheel и Kinsta. Оба провайдера:

  1. Предлагали услуги хостинга специально для WordPress-сайтов,
  2. Относительно доступны по цене ($25-30 в месяц),
  3. Предлагали решения для кэширования на сервере,
  4. Имели встроенную технологию CDN,
  5. Предлагали бесплатный SSL-сертификат (и протокол HTTP/2).

В итоге было решено остановиться на хостинге FlyWheel. Этот провайдер был немного дешевле и предоставлял локальные решения для разработки новых сайтов на WordPress.

После некоторых раздумий Ник Лерой решил создать новый сайт NickLeRoy.com. И вот, почему.

Проблема: оптимизация тем, плагинов, изображений, ресурсов

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

Тема WordPress

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

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

Плагины ВордПресс

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

Изображения

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

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

Ресурсы

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

На сайте NickLeRoy.com использовалось большое количество ресурсов, даже там, где они не были необходимы. Шрифты, javascript-файлы для ненужных функций, CSS для стилей и эффектов и многое другое, от чего можно было бы избавиться.

Решение: создание нового сайта

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

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

  • Чистая установка WordPress на Local by Flywheel с чистой базой данных и кодом,
  • Установка облегченной темы,
  • Установка конструктора страниц Elementor, чтобы сайт выглядел так же, как изначально, но загружался быстрее,
  • Перестройка всего сайта,
  • Оптимизация изображений с помощью imageOptim. Для этого все картинки были загружены в папку wp-content/uploads, пропущены через сервис imageOptim, и выложены обратно на сайт. Суммарное сжатие составило около 90% по сравнению с исходным размером файлов,
  • установка Autoptimize и Async Javascript, что позволило объединить JS и CSS и уменьшить / удалить блокировку рендеринга.

После реализации описанных выше действий сайт был перемещен из локальной среды разработки в промежуточную. Затем специалисты настроили SSL и HTTP/2 и после тестирования обновили DNS.

Результаты

Скорость загрузки страниц в Google Page Speed оценивалась с помощью сервиса SanityCheck.io. На скриншоте видно, как после внесения всех изменений улучшились показатели для мобильной версии сайта (синяя линия) и для десктопной (черная линия).

Сайт WordPress со 100 баллами на Google PagespeedСайт WordPress со 100 баллами на Google Pagespeed

Улучшение скорости сайта WordPress

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

  1. Отказаться от Google Fonts и полностью перейти на системные шрифты или загрузить Google Fonts на сервер,
  2. Удалить из верхней части страницы код CSS и Inline,
  3. Оптимизировать файлы JS / CSS,
  4. Установить стороннюю CDN (например, CloudFlare) или использовать сторонний сервис для оптимизации изображений, например, в формате WebP,
  5. Улучшить кэширование для ресурсов.

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

В заключение

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

Источник перевода: www.seonews.ru


Очистка и ускорение сайта WordPress Супер плагин – INFO-EFFECT

На чтение 2 мин. Опубликовано

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

 

Установить плагин Advanced Database Cleaner вы можете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, установите и активируйте его.

 

Advanced Database Cleaner WordPress

 

Далее, в админ панели, слева в меню перейдите на вкладку WP DB Cleaner.

 

плагин админ

 

Смотрите, здесь нужно очищать обязательно все элементы, кроме:

  • Drafts – это черновики, если они у вас есть и они вам нужно, будьте внимательны, не удаляйте их;
  • Pending comments – это комментарии на модерации, которые ещё не одобрены;
  • Всё остальное можно смело удалять!
  • Просто ставите галочки, вверху выбираете в поле Clean и жмёте Применить.

 

очистка wordpress

 

В открывшемся окне подтвердите выполнение операции, нажмите Continue.

 

подтверждение

 

Далее, перейдите вверху на вкладку Optimize. Здесь вы можете оптимизировать таблицы. Ставьте галочки, выбираете вверху Optimize и жмёте Применить. Нужно обязательно это делать!

 

оптимизировать wordpress

 

Обратите внимание. После оптимизации, у вас должна отображаться надпись: All tables are optimized! Значит все таблицы оптимизированы и всё Хорошо!)

 

надпись

 

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

Внимание! Если вы не уверены, что таблица принадлежит уже удалённому плагину, сделайте резервную копию сайта!

Есть кнопка Detect orphan tables для поиска ненужных таблиц, но данная функция доступна в платной версии.

 

удалить таблицы сайт

 

Всё готово. Я показал вам самые основные функции, всё остальное можно не трогать.

 

Остались вопросы? Напиши комментарий! Удачи!

 

Плагин Clearfy — тонкая настройка, оптимизация, ускорение и защита WordPress

Панель быстрой настройки

Image optimizer

Plugin components

Update manager

Assets manager

Я не любитель «плагинов комбайнов», но тут не удержался и хочу поговорить о Clearfy. Начать, пожалуй стоит с того, что плагины подобного рода обычно платные. А тут бесплатно, да еще и, насколько я могу судить, в хорошем качестве. Более 20 000 активных установок и 70 положительных отзывов на WordPress.org, при этом нет ни одного отрицательного, и все это за короткий срок — впечатляющие показатели!

Начать знакомство c плагином лучше всего с видео о нем:

Что умеет Clearfy?

Clearfy — это комплексный плагин от компании WebCraftic, который позволяет всячески настроить, удалить ненужное и оптимизировать WordPress. То что обычно делается вставкой кодов в файл functions.php и установкой нескольких плагинов, здесь собрано в одном месте. Зашел в админку «покликал» и что нужно для сайта настроено! Например, на сайте-визитке можно в один клик отключить комментирование и у брать пункт меню «Комментарии».

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

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

Assets manager

Здесь можно в один клик настроить нужные моменты и не лазить далеко в настройки. Первая кнопка устанавливает все рекомендуемые настройки:

Assets manager

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

Очистка кода
  • Удаляет RSD ссылку
  • Удалить wlwmanifest Link
  • Удалить короткие ссылки
  • Удалить ссылки следующая, предыдущая запись
  • Удалить стили .recentcomments
  • Удаляет тег image:image из XML карты сайта плагин Yoast SEO.
  • Удалить комментарии из секции head
  • Удалить meta generator
  • Удалить версию у файлов стилей
  • Удаляет версию у javascript файлов
  • Отключить Emojis (эмоции)
Улучшить безопасность
  • Убрать возможность узнать логин автора
  • Убрать ссылку на X-Pingback и возможность спамить pingback-ами
  • Удалить meta generator
  • Удалить версию у файлов стилей
  • Удаляет версию у javascript файлов
  • Спрятать ошибки при входе на сайт
Оптимизировать SEO
  • Удалить дубли имен в хлебных крошках WP SEO Yoast
  • Удалить архивы дат
  • Удалить архивы автора
  • Удалить страницы вложений
  • Удалить постраничную навигацию записей
  • Удалить ?replytocom
  • Автоматически устанавливать атрибут alt
  • Автоматически вставлять заголовок Last Modified
  • Возвращать заголовок If-Modified-Since
  • Использовать транслитерацию
  • Конвертировать имена файлов
  • Преобразовывать имена файлов в нижний регистр
  • Закрыть внешние ссылки в комментариях через JavaScript
  • Закрыть внешние ссылки авторов комментариев через JavaScript
Удалить виджеты по умолчанию

Удалит все базовые виджеты WordPress: «Страницы», «Облако тегов», «Архивы» и т.д.

Про деактивацию виджетов смотрите описание функции unregister_widget().

Отключить все обновления
  • Обновления плагинов
  • Обновления тем
  • Обновления переводов
  • Обновления ядра WordPress
Отключить все комментарии
  • Отключить комментарии на всем сайте
  • Убрать ссылку на X-Pingback и возможность спамить pingback-ами
меню

Что еще умеет Clearfy?

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

Assets manager

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

Assets manager

Assets manager

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

меню

Скачать Clearfy

Скачать с сайта разработчиков

Разработчики про Clearfy

Разрабатывает плагин компания WebCraftic и вот что она рассказывает о том, как появился этот плагин:

Мы занимаемся созданием плагинов и тем, а также проектов на WordPress уже более 8 лет. Каждый раз мы сталкивались с одной и той же проблемой — проекты клиентов уникальны и большинству из них не нужны все функции, что есть в WordPress. При этом они продолжали потреблять ресурсы хостинга, создавать проблемы c SEO оптимизацией и просто мешали повседневной работе. Чтобы решить эти проблемы, мы использовали заготовки нашего кода и тратили время на его тестирование и доработку. В итоге мы решили создать универсальный плагин, который бы помог ускорить нашу работу над клиентскими проектами. Используя весь наш опыт и большое количество наработок, мы объединили их в один мощный плагин для WordPress, под названием Clearfy. Изначально, мы использовали плагин для оптимизации своих и клиентских проектов, но позже поняли, что проблема глобальная и решили поделиться Clearfy с вами абсолютно бесплатно.

меню

Модульный подход

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

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

Assets manager

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

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

меню

Менеджер скриптов

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

Clearfy позволяет отключать скрипты/стили на указанных страницах или группах страниц в несколько кликов. Для этого нужно перейти на любую страницу сайта и в тулбаре нажать на пункт «Менеджер скриптов». Мы увидим все подключаемые на странице скрипты и сможем отключить ненужные:

Assets manager

меню

Прячем wp-login.php

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

Assets manager

В результате, попасть на страницу авторизации можно будет только по указанной произвольной ссылке, а стандартный URL http://example.com/wp-login.php будет выдавать 404 ошибку (страницу).

Функционал оформлен в виде компонента, поэтому его можно отключить, если он не нужен. Или наоборот можно «Скрыть страницу логина», установив только этот компонент в виде отдельного плагина WordPress.

меню

Импорт настроек

Еще одна фишка, которая мне понравилась — это импорт настроек.

Assets manager

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

Плагин показывает все текущие настройки в поле импорта, в виде обычной строки. Эту строку (текст) можно скопировать и вставить в такое же поле на другом сайте, а затем нажать «Импортировать». И так, за пару секунд, настроить другой сайт под наши обычные требования.

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

меню

В заключении

Assets manager

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

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

Clearfy — это отличное дополнение, к существующим SEO и другим плагинам. Бесплатных аналогов ему с таким же качеством я пока не видел.

Author: admin

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

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