Вордпресс оптимизация – Оптимизация темы (шаблона) WordPress для снижения его нагрузки на сервер хостинга, плагин WP Tuner и число запросов к БД

Содержание

Оптимизация WordPress. Плагин оптимизации ВордПресс: изображений, базы

Оптимизация WordPress – это то, о чем задумываются многие владельцы сайтов на ВордПресс. Некоторым нужен один плагин оптимизации wordpress, а для других  необходим солидный список плагинов, чтобы оптимизировать ВордПресс. Мы собрали пул из 20 плагинов для тех, кому понадобилась оптимизация сайта на wordpress, и в данном списке, практически, каждый сможет найти подходящий плагин оптимизации wordpress, среди которых:

  • Лучшие плагины кэширования для вордпресс
  • Оптимизация изображений wordpress
  • «Ленивая загрузка»
  • AMP
  • Кэш Gravatar
  • Мониторинг времени загрузки и плагины, которые исправляют ошибки Google Font + Analytics в GTmetrix и Pingdom.

Использование некоторых из этих плагинов скорости на сайте  позволяет добиться 100% баллов GTmetrix. Мы рекомендуем проверять ваш сайт WordPress через  GTmetrix  (вкладки Page Speed ​​и YSlow) или другой инструмент для тестирования скорости, чтобы использовать его в качестве эталона. После того, как вы установили каждый плагин, протестируйте результаты GTmetrix, чтобы увидеть, как они влияют на время загрузки страницы и оценки.

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

Оптимизация ВордПресс: WordPress Speed Up группа в Facebook

Мы постарались в данной статье перечислить список самых необходимых плагинов, для тех кому понадобиться оптимизация сайта вордпресс, но если его вам будет недостаточно, то вы  можете присоединиться к WordPress Speed ​​Up группе в Facebook, у них будет список из более 60 рекомендуемых WordPress инструментов для оптимизации и полезных ссылок. В данной группе можно почерпнуть много информации о том, как оптимизировать сайт на ВордПресс

Что интересно, что в этой группе (WordPress Speed ​​Up), что в официальном руководстве по оптимизации WordPress, хостинг по-прежнему является № 1 фактором, а лучшим хостинг WordPress  был оценен SiteGround, он № 1 в различных опросах Facebook и 1 из 3 рекомендованных самим ВордПресс. Если вам нужен надежный хостинг с быстрыми серверами и отличной поддержкой, то они перенесут вас бесплатно.

Оптимизация сайта на WordPress: список плагинов

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

WP Rocket — оптимизация сайта на wordpress за счет кэша

WP Rocket был оценен как плагин кэша № 1 в нескольких опросах Facebook, и это то, что рекомендуют использовать, если вам не жалко потратить немного денег. Это премиальный плагин за 49 долларов, но он того стоит, поскольку ваш хостинг для ВордПресс и плагин для кэша, как правило, 2 ведущих фактора скорости и оптимизации. Это также, один из самый простых кэш-плагинов для настройки, который часто обновляется дополнительными функциями.

Примечание: Вам следует использовать только 1 плагин кэширования ВордПресс, но лучше попробовать как минимум 2-3 (те, что мы перечислили), чтобы увидеть, какой из них дает вам лучшие результаты / оценки в Pingdom / GTmetrix.

WP Rocket обладает множеством функций, которых нет в большинстве плагинов кэша:

  • Контроль heartbeat
  • Очистка базы данных
  • «Ленивая» загрузка изображений / видео
  • Интеграция с Cloudflare и другими CDN
  • Отслеживание Google (локальный хостинг Google Analytics)

WP Rocket признан лучшим плагином кэширования для ВордПрес в различных опросах в специализированных группах Facebook по оптимизации скорости WordPress.

плагин оптимизации wordpress

плагин оптимизации wordpress

плагин оптимизации wordpress

оптимизация вордпресс плагины

 

В руководстве по WP Rocket на официальном сайте показано, как настроить параметры с помощью Cloudflare.

 Подобные плагины

WP Fastest Cache – бесплатный плагин кэширования для оптимизации ВордПресс

оптимизация вордпресс

WP Fastest Cache — это БЕСПЛАТНЫЙ кэш-плагин с самым высоким рейтингом, который очень прост в настройке. В отличие от WP Rocket, этот плагин не имеет возможности ленивой загрузки изображений / видео, очистки базы данных и других опций. Поэтому вам нужно будет использовать WP-Optimize и плагины Lazy Load For Videos, если вы тоже хотите использовать эти функции, что весьма рекомендуется.

WP-Optimize – оптимизация базы данных ВордПрес

оптимизация сайта на wordpress

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

Инструкция

Если вы используете WP Rocket, вам не нужен WP-Optimize (в WP Rocket это есть на вкладке «база данных»).

Похожие плагины:

EWWW – оптимизация изображений ВордПресс

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

  • Сжатие
  • Уменьшение размера
  • Указание размеров изображения (установка ширины / высоты в HTML или CSS изображений).

Аналогоми можно назвать:

ShortPixel, Smush, Kraken и основном делают одно и то же. Вам нужно использовать только один из них. Оптимизация изображений WordPress возможна и при помощи более продвинутого платного аналога Imagify для оптимизации графических элементов WordPress. Цена начинается от $ 4.99,  его краткая инструкция по настройке включает следующие шаги:

  1. Зарегистрируйтесь в Imagify
  2. Установите плагин Imagify
  3. Следуйте инструкциям сервиса и получите ключ
  4. Введите ключ API из своего аккаунта Imagify
  5. Установите уровень сжатия (нормальный, агрессивный, ультра)
  6. Imagify оптимизирует все изображения на вашем сайте.

Specify Image Dimensions – указание размеров изображений при оптимизации сайта ВордПресс

оптимизация изображений wordpressУкажите размеры изображения — это один из пунктов в GTmetrix и других инструментах проверки оптимизации WordPress скорости, что означает, что вам нужно добавить ширину / высоту к HTML или CSS изображениям. Плагин Specify Image Dimensions автоматически добавляет ширину / высоту к изображениям, которые по умолчанию отсутствуют. Насколько нам известно, он не определяет размеры для изображений, расположенных в пайджбилдерах, виджетах или в любых областях вне визуального редактора.

WP YouTube Lyte – плагин оптимизации видео на WordPress сайте

WP YouTube Lyte, вставляя отзывчивый «Lite YouTube Embeds», который вызывает «громоздкий» плеер YouTube только при нажатии кнопки воспроизведения. Загрузка видео занимает больше всего времени. Просто чтобы дать вам представление, страница, где  есть только 2 видео, с  «ленивой загрузкой» скорость загрузки поста увеличивается с 5 до 1,5 с.оптимизация wordpress

Подобные плагины

Если вы используете WP Rocket, то он имеет эту функцию в настройках «медиа» .

WP Disable – оптимизация WordPress по средствам отключения лишнего функционала

Медленные плагины WordPress

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

Позволяет отключить:

  • Ревизии
  • Автосохранения
  • Emojis
  • Gravatars
  • Карты Гугл
  • Тег RSD
  • Тег короткой ссылки
  • WordPress API из шапки
  • Тег Windows Live Writer
  • Тег Генератора WordPress
  • Пингбэки + трекбэки
  • RSS
  • XML-RPC
  • Скрипты WooCommerce
  • WooCommerce отзывы
  • Woocommerce Cart фрагменты

Он также может разбивать комментарии на страницы после 20 комментариев или отключать их через 28 дней.

Похожие плагины:

CAOS For WebFonts – плагин оптимизации загрузки шрифтов для ВордПресс

оптимизация wordpressCAOS For WebFonts исправляет ошибки Google Font в GTmetrix, Pingdom и PageSpeed ​​Insights. Он загрузит ваши Google Fonts (с помощью Google Fonts Helper API) и сгенерирует для него таблицу стилей. После этого вам нужно будет удалить любые запросы к внешним источникам шрифтов.

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

CAOS | Host Google Analytics Locally

CAOS исправляет  элемент кэширования браузера в GTMetrix, размещая Google Analytics локально. Просто установите плагин, введите свой Tracking-ID, и CAOS добавит код отслеживания в верхний или нижний колонтитул. CAOS также совместим с Monster Insights и имеет другие возможности.

WP Rocket, Swift Performance и WP Disable также могут сделать это (вам нужно использовать только один).

AMP для WP – оптимизация WordPressдля мобильных устройств

оптимизация wordpress

 

Accelerated mobile pages — это проект Google, который ускоряет загрузку мобильных страниц. Он также добавляет штамп «AMP» рядом с вашими мобильными сниппетами. Этот плагин изменит макет / дизайн ваших мобильных страниц, поэтому обязательно полностью настройте параметры. Если по какой-то причине вам это не нравится, удалите его, и он вернется к вашему старому дизайну. Вы также можете использовать плагин Glue For Yoast & AMP, чтобы настроить цвет текста, цвет ссылки, цвет при наведении и другие элементы ваших мобильных страниц. Этот плагин имеет множество настроек для ваших страниц AMP. Краткая инструкция по использованию выглядит следующим образом:

  • Установите плагин
  • Настройте, какой контент вы хотите добавить в AMP Страницы (страницы, сообщения и т. д.)
  • Установите плагин Glue For Yoast SEO AMP при использовании Yoast (настраивает дизайн)
  • Добавьте / amp / на любую страницу вашего сайта, чтобы увидеть, как она выглядит, и убедиться, что она работает.
  • Перейдите в Настройки Yoast → AMP, чтобы изменить свой дизайн.
  • Подождите, пока Google пересмотрит ваш сайт и добавит знак AMP в результаты мобильного поиска
  • Посетите раздел ускоренных мобильных страниц в консоли поиска Google, чтобы увидеть ошибки

Plugin Organizer

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

Инструкция:

  • Установите плагин
  • Перейти Plugin Organizer > Global Plugins для настройки
  • Отредактируйте любую страницу / пост и выборочно отключите плагины, используя боковую панель

Подобные плагины

  • Plugin Load Filter
  • Swift Performance (плагин кэша) также имеет опцию для этого

CDN Enabler

CDN Enabler помогает вам настроить CDN (сеть доставки контента ). Это не работает с Cloudflare (который требует изменения серверов имен), в то время как CDN enabler специально для StackPath, KeyCDN и других CDN, которые предоставляют URL CDN. Сначала зарегистрируйтесь в CDN (можно использовать StackPath), затем введите свой URL CDN в плагин CDN Enabler.

Harrys Gravatar Cache

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

Подобные плагины

Autoptimize

https://wordpress.org/plugins/accelerated-mobile-pages/Оптимизирует  HTML, CSS и JavaScript . Вам не нужен Autoptimize, если вы не размещены на Godaddy, WP Engine или любом хостинге, который помещает в черный список плагины кэша, поскольку WP Rocket и большинство плагинов кэша оптимизируют WordPres код. Но хотя встроенное кэширование Godaddy и WP Engine может быть нормальным, оно не оптимизирует HTML / CSS / JS, поэтому может понадобиться Autoptimize.

Query Monitor – выявление медленных плагинов при оптимизации WordPress

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

Примечание: P3 Profiler раньше отлично подходил для поиска медленных плагинов, но годами не обновлялся. Query Monitor является альтернативой. Другой вариант — запустить ваш сайт через GTmetrix и использовать вкладку «Waterfall ». Вы также можете проверить этот список  медленных плагинов WordPress.

GT Metrix для WordPress – плагин контроля оптимизации скорости загрузки WP

Плагин GT Metrix для WordPress отслеживает время загрузки и оценки Page Speed ​​+ YSlow, а затем отправляет вам отчет непосредственно на панели инструментов WordPress или через запланированные отчеты по электронной почте.

Display PHP Version

Лучший хостинг для WordPress php

Display PHP Version просто показывает, какe верси PHP вы используете. Более высокие версии делают ваш сайт намного быстрее. Вы можете перейти на новые версии в вашей cPanel хостинга.

PHP Compatibility Checker

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

WP Hosting Performance Check

WP Hosting Performance Check — Показывает общую производительность хостинга и работает ли ваша технология (версии PHP, MySQL, WordPress) медленно, и в этом случае она должна быть обновлена. Это также показывает ваши самые медленные страницы.

Bytecheck.com и GTmetrix также показывают ваш TTFB (время до первого байта) на вкладке Waterfall/

Примечание: единственное, для чего подходит PageSpeed ​​Insights, — это проверка времени  отклика сервера. Google говорит, что оно должно быть меньше 200 мс. Если нет, ваш сервер (хостинг) работает медленно.

Better Search Replace

Если вы видите минимизацию перенаправлений  в отчете GTmetrix, это может означать, что вы изменили версию своего сайта www или https, но не изменили свои ссылки, чтобы соответствовать новой версии.

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

Другие известные инструменты / ресурсы

Ваш хостинг имеет и ресурсов сервера имеют решающее значении в оптимизации WordPress (фактор № 1 в руководстве WordPress). Некоторые из вас знают, что мы рекомендуем SiteGround как лучший хостинг WordPress по многим причинам,  поскольку их скоростные технологии чрезвычайно быстры. И если в настоящее время ваш сайт располагается у кого-то вроде Bluehost, Godaddy, InMotion или любого другого из этих  хостеров,  то переход на SiteGround это будет огромным плюсом в плане оптимизации ВордПресс для вашего сайта, которое должно улучшить как ваши оценки, так и время загрузки страниц в GTmetrix, Pingdom и Google Page Speed ​​Insights.

veraksoff.info

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 ​​не ругался на ваши изображения. Вот, как то, так.

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


wordpressmania.ru

Оптимизации WordPress. Конкурс «ВПС на год за лучшие идеи!» / Infobox corporate blog / Habr

По данным HackerTarget.com 20.9% сайтов из списка Alexa (104 684 из 500 000) работают на CMS WordPress. Из небольшого движка для блогов WordPress вырос в универсальную платформу для разработки сайтов, породив целую экосистему.

Компания Aberdeen Group провела исследование, согласно которому увеличение времени загрузки сайта на 1 секунду имеет следующие последствия:

  • уменьшение количества просмотров страницы на 11%;
  • снижение удовлетворенности покупателей на 16%;
  • снижение рейта конверсии посетителей в покупателей на 7%.

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

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

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

Давайте определим время загрузки сайта. Для тестирования воспользуемся сервисом GTMetrix.

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

Также проверим сайт сервисом WebPageTest. Результаты проверки ниже.


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

Оптимизируем тему WordPress

Сжимаем графику без потерь

Для оптимизации изображений в теме WordPress (а заодно и всех медиа файлов) установите плагин WP Smush.it. Далее перейдите в раздел Media панели администрирования WordPress и нажмите Bulk Smush.it. Используемая графика будет сжата без потерь.

Используйте CSS–спрайты

Можно уменьшить число запросов к серверу, используя CSS–спрайты. Таблица спрайтов — одно большое изображение мелких графических элементов сайта. Благодаря CSS можно отображать каждый элемент по отдельности, используя свойство background-position.

Основное преимущество спрайтов — однократная загрузка всех элементов сразу и уменьшение числа HTTP-запросов.

Для создания спрайта можно воспользоваться сервисом spriteme.org. Переместите ссылку SpriteMe в панель закладок браузера. Откройте оптимизируемый сайт и нажмите на SpriteMе в панели закладок.

Справа откроется окно сервиса с предложением создания спрайтов из картинок темы WordPress. Нажмите Make sprite для создания. Также вы можете переместить в это окно и другие картинки для объединения в спрайт. После нажатия на Make sprite проверьте, что тема WordPress не изменилась и все элементы управления на месте. SpriteMe работает не идеально и в случае проблем придется делать спрайты самостоятельно. Если все прошло хорошо, нажмите export CSS. Откроется новое окно с CSS, которые нужно изменить на сайте. Скачайте полученный спрайт и сохраните в папку вашей темы WordPress. Откройте в любом текстовом редакторе css используемой темы. По правилам, предоставленным Sprite Me, найдите изображения, которые объединены в спрайт, и замените на спрайт с CSS. После редактирования CSS проверьте, что дизайн сайта не изменился. При редактировании чужих шаблонов процесс отладки CSS может занять некоторое время.

Если SpriteMe не помог вам, можно сгенерировать спрайты из набора изображений темы с помощью сервиса CSS Sprite Generator. Сервис хорош тем, что позволяет загрузить сразу набор изображений, а не загружать картинки по отдельности, как предлагает CSS-sprites.com.

Руководства по использованию CSS спрайтов, сгенерированных самостоятельно, приведены в статьях: CSS Background Image Sprites: A Beginner’s Guide и Creating easy and useful CSS Sprites.

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

При загрузке картинок на сайт не забывайте отрезать неиспользуемое пространство картинки (например белый фон), уменьшать размер картинки до необходимого в блоге. Если вы загружаете картинки большего размера и используете атрибуты width и height – картинки будут загружаться дольше. Также всегда заранее определяйте эти атрибуты при загрузке картинок.
Форматы файлов

До загрузки изображений проверьте, что они сохранены в оптимальном формате. Наиболее подходящие форматы PNG (8/24bit), JPG, GIF (для маленьких картинок). Иллюстрации с небольшим количеством цветов хорошо сохраняются в PNG 8bit. Фото и изображения с большим количеством цветов хорошо сохраняются в JPEG (используйте при сохранении наименьшее качество, которое не портит визуально изображение). Данный совет может показаться банальным, но он позволяет в разы уменьшить объем загружаемых картинок.

Сохранение с максимальным качеством (494.5 кб):

Сохранение со средним качеством (94.34 кб):

Gravatar и аватарки

Использование Gravatar замедляет производительность сайта. Если отображение аватарок не нужно, его можно отключить в разделе Settings->Discussion панели администрирования WordPress.

Можно пойти другим путем:

  • кешировать аватарки gravatar по cron;
  • кешировать аватарки в комментариях;
  • хранить одну копию изображения аватарки на пользователя для тех, у кого аккаунт не ассоциирован с gravatar.
Для этого необходимо установить плагин FV Gravatar Cache.
После установки FV Gravatar Cache необходимо в настройках плагина включить выполнение операции по cron:

Здесь же можно сразу запустить выполнение задачи.

jQuery Image lazy load

JQuery Image lazy load WP позволяет загружать картинки только в момент, когда пользователь просматривает их на экране. Функция может не работать при использовании кеша, генерирующего статические файлы. Для включения этой возможности установите плагин jQuery Image Lazy Load WP. Были проведены тесты конкурирующих плагинов BJ Lazy Load и Lazy Load, но результаты у этих плагинов оказались хуже, чем у JQuery Image lazy load WP в среднем на 0.40 секунды на тестируемых сайтах.
Не стоит использовать картинки с текстом

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

Отключите неиспользуемые расширения. Это поможет уменьшить нагрузку на CPU хостинга. Установите уже упомянутый выше P3 плагин, который позволит увидеть, какие плагины потребляют больше памяти и оказывают негативное влияние на производительность сайта в целом.
Отключите Pingback и Trackback (опционально)

Pingback – тип комментариев, который создается, когда вы ссылаетесь на другой пост. Сославшись на другой пост в комментарии автор поста увидит pingback в своих комментариях.

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

Если эти возможности вам не нужны, можно их отключить, освободив тем самым немного ресурсов сервера. В панели администрирования WordPress перейдите в раздел Settings->Discussion и отключите «Attempt to notify any blogs linked to from the article» и «Allow link notifications from other blogs (pingbacks and trackbacks)». Не забудьте сохранить изменения.

Уменьшите количество спама в комментариях

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

Ограничьте поиск DNS до 1-5 различных имен хостов

До установки браузером сетевого соединения с веб-сервером, браузер разрешает название сайта в ip–адрес. DNS записи могут быть закешированы браузером клиента и операционной системой. Если правильная запись по-прежнему в кеше клиента, задержек не возникает. Тем не менее, если клиенту необходимо выполнить поиск DNS по сети, задержки могут быть достаточно большими, в зависимости от расположения DNS сервера. Уменьшить время поиска DNS важнее, чем другие виды запросов.

Каждый раз, когда вы запрашиваете ресурсы (картинки, CSS–файлы, JavaScript–файлы и т.д.) с других имен хостов, вы увеличиваете количество поисков DNS для ваших посетителей сайта.

Если имя хоста в другом домене или поддомене — это увеличивает количество поисков DNS.
pic1.sitename.ru ≠ pic2.sitename.ru ≠ google.com
Ограничьте количество ресурсов, откуда берете контент до 4-5 максимум.

Чтобы увидеть все внешние ресурсы, используемые на вашем сайте, откройте Firebug в Firefox на сайте и перейдите в раздел NET->ALL.

Более подробно об этом правиле в разделе Yahoo! для разработчиков.

Сделайте JavaScript и CSS внешними

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

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

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

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

Включение кеширования и минификации

Установите и активируйте Use Google Libraries. Некоторые JavaScript библиотеки, распространяемые с WordPress также хостятся в Google AJAX Libraries API. Плагин позволит WordPress использовать CDN от Google вместо использования файлов из вашей инсталляции WordPress. Более детально о преимуществах такого подхода рассказано в статье «3 reasons why you should let Google host jQuery for you».

Также установите и активируйте плагин W3 Total Cache. Для активации эффективного кеширования в памяти нужно на сервер установить Memcached. Мы используем Облачные VPS от Infobox с Ubuntu 14.04.

Устанавливаем Memcached:

apt-get install memcached
Редактируем конфиг <strong>/etc/memcached.conf</strong>:
#/etc/memcached.conf
#Memcached будет работать, как демон
-d
#Место для хранения логов
logfile /var/log/memcached.log
#Объем оперативной памяти под хранилище
-m 256
#Используемый порт
-p 11211
#Слушаем localhost
-l 127.0.0.1

Перезапускаем Memcached
/etc/init.d/memcached restart

Компилируем и устанавливаем модуль поддержки Memcached для PHP
apt-get install php5-dev libmemcache-dev
 
pecl download memcache
tar xzvf memcache-2.2.7.tgz
cd memcache-2.2.7/
phpize && ./configure --enable-memcache && make
cp modules/memcache.so /usr/lib/php5/20121212/
 
echo 'extension=memcache.so' >> /etc/php5/apache2/php.ini
/etc/init.d/apache2 restart

Для работы минификации в W3 Total Cache необходимо установить Java.

apt-get -y install software-properties-common
add-apt-repository ppa:webupd8team/java
apt-get update
apt-get install oracle-java8-installer

Определить расположение java можно командой

which java

Также для минификации нам потребуется yuicompressor.

wget https://github.com/downloads/yui/yuicompressor/yuicompressor-2.4.7.zip
unzip yuicompressor-2.4.7.zip
cd yuicompressor-2.4.7
apt-get -y install ant
ant
cd build
mkdir /usr/share/yuicompressor
mv yuicompressor-2.4.7.jar yuicompressor.jar
cp yuicompressor.jar /usr/share/yuicompressor/

Перейдите в панель администрирования WordPress в раздел Performance->Minify (если такого раздела нет — перейдите в раздел плагинов, найдите W3 Total Cache и нажмите Settings).
Включите Rewrite URL structure.
Активируйте оптимизации HTML и XML:

Оптимизации для JavaScript:

Оптимизации для CSS:

Теперь настроим в разделе Performance->Page Cache:

Далее в разделе Performance->Browser Cache:

Если вы используете CDN – отключите компрессию. В CDN уже есть компрессия.

Оптимизации для CSS, JavaScript и Media в разделе Browser Cache:

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

CDN позволяет получать статический контент (такой, как картинки, CSS–файлы и JavaScript–файлы) из различных локаций мира. У ваших посетителей контент будет открываться быстрее с сервера, расположенного ближе к нему географически. CDN оптимизирована для обработки статического контента быстрее, чем большинство хостингов. Также CDN уменьшает нагрузку на сеть к главному серверу и снижает вероятность падения сервера от избыточной нагрузки. Eще одна особенность CDN – улучшение паралеллизации загрузки данных. Большинство браузеров имеют ограничения по ресурсам, которые они загружают с одного хоста (домена или поддомена). Даже если на вашей странице 10 картинок, браузер будет загружать параллельно только по 2 картинки.

Тем не менее мы по-прежнему не хотим проблем с поиском DNS. Google дает нам совет:
Вы не должны использовать 1 хост меньше чем для 6 ресурсов. Меньше чем 2 ресурса на хосте — совсем плохо. Вы никогда не должны использовать больше, чем 5 хостов (не считая серверов, над которыми вы не имеете контроля, например серверов, обрабатывающих рекламу для вашего сайта).

Убедитесь, что ни один хост не обрабатывает более 50% нагрузки от всех хостов.

Настройка CDN

В данном примере мы будем настраивать CDN от CloudFlare. Установите плагин CloudFlare.
1. Создайте аккаунт у CloudFlare
2. Добавьте ваш сайт:

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

4. Измените ваши DNS–сервера.

Включите в разделе управления DNS от CloudFlare CDN для вашего домена (клик по иконке с облаком, чтобы иконка стала оранжевой).

После этого в разделе Plugins->CloudFlare установите правильные данные для доступа к сети CDN от CloudFlare: имя домена, email и ключ API.

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

Результаты проверки сайта GTMetrix.

Время загрузки сайта составило 1.38 секунды. До оптимизаций время составляло 2.62 секунды.
В результате оптимизаций время загрузки сайта сократилось в 2 раза. Также повысились оценки сайта сервисами Google Page Speed и Yahoo! YSlow.

Теперь проверим сайт сервисом WebPageTest.

Время первой загрузки сайта 1.401 секунды. Время повторной загрузки сайта 0.477 секунды. До оптимизаций время первой загрузки сайта составляло 2.112 секунды. Время повторной загрузки сайта 1.325 секунды.
В результате оптимизаций время первой загрузки сайта сократилось на 25%. Время повторной загрузки сайта сократилось почти в 3 раза.

Мы уверены, что это только первый шаг в оптимизации WordPress. Присылайте свои идеи по оптимизации, подтвержденные тестами, на [email protected]. За лучший набор рекомендаций автор получит год VPS 1024 от Infobox. Для того, чтобы вы смогли попробовать установить и оптимизировать WordPress, мы предоставляем пробную версию Cloud VPS на 15 дней бесплатно. Регистрируйтесь по ссылке.

Успешных оптимизаций WordPress!

habr.com

9 способов быстро оптимизировать сайт на WordPress

В этой статье поговорим, как оптимизировать сайт на WordPress при помощи 9 шагов и плагина Yoast SEO 

Если у вас есть сайт работающий на WordPress, то вероятно вы уже слышали или даже пользуетесь плагином Yoast SEO. Это популярный плагин среди пользователей WordPress: его установили больше 8 миллионов раз. По мнению авторов, установить плагин на сайт несложно и от использования плагина вы получите только плюсы. Это быстрый способ оптимизации сайтов на WordPress. Ниже перечислим 9 шагов по оптимизации сайта на WordPress :

ОБРАТИТЕ ВНИМАНИЕ НА ГЛАВНУЮ СТРАНИЦУ САЙТА


Как правило, главная страница сайта самая посещаемая. Убедитесь, что она соответствует запросу пользователя, и что он может легко найти нужный ему раздел, конкретную страницу или, в соответствии с запросом, будет перенаправлен на нужную часть главной страницы без необходимости скроллинга.
Для оптимизации сайта на WP, перечислите на главной странице самые продаваемые товары (Бестселлеры) или УТП вашего продукта / услуги таким образом, чтобы посетитель понял, что ваш продукт / услуга, то что ему нужно.

ПРОВЕРЬТЕ ВАШ CALL-TO-ACTION


Согласно первому шагу, страница, нет… каждая страница сайта должна содержать четкий призыв к действию (call-to-action). Подумайте, что вы хотите от пользователя на конкретной странице. Что должен он сделать, чтобы ваша цель была достигнута? Пишите тексты простым языком, стараясь избегать профессиональных терминов.
Старайтесь в призыве ответить на вопрос / запрос пользователя — решить его проблему. Например, call-to-action: “Хочу получить персональную скидку на…” Помните, чем меньше отвлекающих элементов, тем больше вероятность, что посетитель отреагирует соответствующим действием на ваш призыв. Не переборщите с подробностями и визуальным оформлением, удерживайте внимание потенциальных клиентов на call-to-action. Так, если нужно, добавьте отдельную строку с детальным описанием товара. Но избегайте цветных элементов, иконок и прочих деталей вокруг призыва к действию . Всё, что отвлекает пользователей приводит к меньшему количеству кликов.

ОПТИМИЗИРУЙТЕ ИЗОБРАЖЕНИЯ


Очень широкое утверждение, но правдивое. Для лучшего понимания, предлагаем несколько способов оптимизировать изображение, чтобы уменьшить их размер для улучшения (увеличения) загрузки скорости сайта, созданного на WordPress. Не только под мобильные устройства, но и для десктопной версии. Рекомендуем использовать: 
  1. Описательные имена файлов, например не “DSC001.jpg”, а “beautiful-sunset-in-dresden.jpg”
  2. Не обрезайте изображения, используя CSS или HTML! Загружайте уже в нужном разрешении.
  3. Изображения с оптимизированным размером (например, JPEGMini)

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

УБИРАЙТЕ “ЛОЖНЫЕ” ЭЛЕМЕНТЫ


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


ПРОВЕРЬТЕ МЕТА-ОПИСАНИЯ.


Мета-описания не используются поисковиками для SEO, но они кратко и емко описывают то, что получит пользователь, перейдя по той или иной ссылке. Недавно компания Google удвоила кол-во приемлемых символов для метаописаний до 320 символов и авторы статьи сразу начали тестировать как данное изменение использовать для оптимизации сайта на WP.
Теперь ваша очередь. На протяжении недели анализируйте текущие ссылки с помощью Google для определённой страницы. После этого адаптируйте их до лимита в 320 символов и посмотрите, что изменилось. Ваши метаописания — это приглашение на сайт, а значит стоит их оптимизировать.

УБЕДИТЕСЬ, ЧТО У ВАС ЕСТЬ МОБИЛЬНАЯ ВЕРСИЯ САЙТА


Google индексирует мобильные версии сайтов в приоритетном порядке. Поэтому позаботьтесь о том, чтобы у вашего сайта была мобильная или адаптированная версия для мобильных устройств, если хотите быть выше в поисковой выдаче.
Навигация должна быть быстрой и все ссылки на вашем сайте должны быть легко доступны. Используйте проверку Google’s Mobile Friendly для оптимизации сайта на WordPress.

ИСПОЛЬЗУЙТЕ ВНУТРЕННИЙ ПОИСК НА САЙТЕ


У вас на сайте есть внутренний поиск, но вы его не используете, верно? Каждый сайт на WordPress имеет функционал внутреннего поиска. Просто добавьте ?s=test в конце адреса главной страницы сайта и вуаля! Используйте этот поиск для оптимизации сайта на WP. Убедитесь, что поиск доступен для посетителей и проверяйте, что они ищут ( в Google аналитике это Behavior > Site Search > Search Terms )
Слова и словосочетания, которые вы там обнаружите, это то, что ваши посетители хотят знать, но не могут сразу найти. Добавьте страницу или опубликуйте эти термины, оптимизируйте эту страницу с плагином Yoast SEO и продвигайтесь в Google по этим словам. Теперь все эти посетители будут перенаправлены на нужную страницу сайта прямо из поисковика, благодаря проведённой вами оптимизации сайта.

НАСТРОЙТЕ “КРАЕУГОЛЬНЫЕ КАМНИ”


Выше мы поговорили о контенте и теперь немного расскажем про структуру сайта. Если настройки корректные, то сайт имеет определённое количество страниц с “краеугольным контентом ” , т.е. основные страницы по определенной теме. На всех остальных страницах где упоминается данная тема, ставьте ссылки на этот контент. Эта настройка помогает понять поисковикам, что это главная страница по этой теме и они будут придавать ей бОльший вес. Вот так это можно оптимизировать на сайте WP.
Добавление внутренних ссылок простая задача. Сделайте поиск по сайту на нужную тему. наберите site:example.com keyword в Google и увидите, что он возвращает. На первом месте должна выдаваться страница с “краеугольным контентом” вашего сайта с ключевым словом и ниже должны быть другие страницы соответствующие ключевому слову. Убедитесь ,что 5 или 6 ссылки ведут на страницу, где есть ссылка в тексте на основной контент по заданной теме. В Yoast SEO Premium также есть встроенный инструмент создания внутренних ссылок.

УБЕДИТЕСЬ, ЧТО САЙТ ДИНАМИЧНЫЙ


Во всём мире понимают, что динамический сайт ранжируется лучше чем статический. Если на сайте последнее обновление было в 2014 году, то Google сочтет, что вы больше не используете данный сайт. Сегодня сделать сайт на WP динамичным совсем не трудно. Добавьте блог, потом опубликуйте. Попросите кого-то написать пользовательский комментарий к публикации или откройте старую публикацию в вашем давно забытом блоге, обновите контент и переопубликуйте.
Или наймите копирайтера для написания контента. За приемлемые деньги ваш сайт оптимизированный для WP, может стать маркетинговым инструментом, и генерировать контент для соцсетей. Записывайте видео, создавайте блоги. Наслаждайтесь увеличением трафика и находите всё больше удовольствия в обучении и информировании посетителей.

В конце добавим, что проделав эти шаги, вы сделаете свой сайт более привлекательным как для Google так и для посетителей. Пришло время оптимизировать ваш сайт на WordPress!

Перевод: Сергей Гордеев (Русоникс)
Оригинал


www.rusonyx.ru

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

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

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

Насколько медленный мой сайт?

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

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

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

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

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

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

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

Не так давно SitePoint заключил соглашение с SiteGround. Теперь SiteGround является официальным рекомендуемым хостингом сайта SitePoint. Серверы провайдера раскиданы по нескольким континентам, и на них используются новейшие SSD-накопители, а также встроенное кэширование. Также есть бесплатный CDN. SiteGround много инвестирует в ускорение. Их гибкие серверы постоянно обновляются как программно, так и аппаратно, а также поддерживают PHP7 и HTTP/2.

Оптимизируйте тему

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

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

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

Thesis и Schema – еще две темы, которые ставят в приоритет производительность.

Наконец, WordPress Base Theme, которая стоит на SitePoint, также отличный пример для начала. Эта легкая и очень быстрая тема, 98/100 на Pingdom Page Speed Test.

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

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

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

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

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

Оптимизируйте свои виджеты

Виджеты должны быть легкими и максимально просто загружаться. Некоторые из них при отрисовке подгружают внешний JS и CSS. Внешние ресурсы обычно загружают виджеты социальных сетей типа Facebook, Twitter и Google+.

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

Оптимизируйте статичный контент

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

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

Включить gZip-сжатие можно через плагин типа W3 Total Cache. Плагины мы разберем в следующей статье.

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

Бесплатный курс «Основы создания тем WordPress»

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

Скачать курс

В идеале, ищите хостинг, предлагающий в своих тарифах CDN, как SiteGround. Существует множество CDN-сетей: Amazon S3, MaxCDN, Media Temple CDN, Cloudflare, Free CDN.

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

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

Изображения – один из самых тяжелых элементов на сайте – они составляют 65% всего контента в сети. Существует несколько способов оптимизировать загружаемые изображения.

Первый, определить максимальное разрешение изображения для превью, средних и больших размеров. Эти опции расположены в Settings/Media. Если вы загрузите изображение 1024px, а контентная область составляет 604px, то изображение уменьшится через CSS. Полученное изображение 604px в ширину намного проще загрузить.

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

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

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

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

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

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

Базу данных можно оптимизировать напрямую через phpMyAdmin или с помощью плагинов. О плагинах мы поговорим в следующей статье.

Ускорьте высоконагруженные сайты с помощью кэширования

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

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

Обслуживайте WordPress

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

обновляйте WP и плагины;

удаляйте старые ревизии постов;

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

Дополнительные советы

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

Минифицируйте JS и CSS-файлы, удалив из них ненужные данные. На CSS Minifier есть несколько инструментов минификации.

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

Пробуйте!

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

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

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

А какая стратегия оптимизации дала вам максимальный прирост производительности на сайте? Пишите в комментариях.

Автор: Adrian Try

Источник: https://www.sitepoint.com/

Редакция: Команда webformyself.

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

Бесплатный курс «Основы создания тем WordPress»

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

Скачать курс Оптимизация производительности сайта на WordPress

Верстка-Мастер. От теории до верстки популярных шаблонов

Изучите современную верстку сайтов с нуля

Подробнее

webformyself.com

Плагины для оптимизации сайта на WordPress

Публикуем нашу подборку плагинов для оптимизации сайта, изображений, скорости, HTML, CSS, JS  и пр.

Плагины для оптимизации изображений

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

EWWW Image Optimizer

Плагины для оптимизации сайта на WordPress

Image Optimizer – один их лучших плагинов для оптимизации изображений. Он оптимизирует как загружаемые изображения форматов JPEG, PNG и GIF, так и существующие.
Процесс оптимизации происходит на Вашем сервере, без подключения к внешним сервисам, поэтому оптимизация изображений будет быстрей.

WP Smush

Плагины для оптимизации сайта на WordPress

WP Smush оптимизирует изображения, сжимая и удаляя цвета, которые не используются в файлах JPEG, PNG и GIF, таким образом уменьшая размер на несколько процентов.

TinyPNG

Плагины для оптимизации сайта на WordPress

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

Плагины для кеширования

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

Hyper Cache

Плагины для оптимизации сайта на WordPress

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

W3 Total Cache

Плагины для оптимизации сайта на WordPress

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

Оптимизация, чистка от мусора, дублей

Clearfy

Плагины для оптимизации сайта на WordPress

Clearfy Pro – простой в управлении, но мощный плагин для оптимизации сайта, который содержит функционал десятка плагинов.
Его основные возможности:

  • Очищает исходный код от мусора.
  • Улучшает SEO оптимизацию.
  • Удаляет дубли страниц.
  • Настраивает защиту сайта.
  • HTML-минификация

Simple optimizer

Плагины для оптимизации сайта на WordPress

Simple Optimizer проверяет работу базы данных, оптимизирует ее и удаляет из нее ненужную информацию.

Autoptimize

Плагины для оптимизации сайта на WordPress

Autoptimize оптимизирует html код, сss и java скрипты. Он объединяет все скрипты и стили, сжимает и кэширует их. Также перемещает все скрипты вниз. Плагин Autoptimize лучше использовать с плагинами кэширования.

Если Вам понравилась статья — поделитесь с друзьями

wpschool.ru

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

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