Как ускорить блог на вордпресс. Как мега мощно ускорить свой wordpress блог? Использование только несинхронных вызовов для кодов JavaScript

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

Для начала, проверим скорость загрузки WordPress при помощи специального сервиса Webwait.com . Перейдите, пожалуйста, по этому адресу и в строке «WebSite» впишите доменное имя своего ресурса, нажмите кнопку «Time It».

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

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

Как ускорить WordPress блог

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

Я храню свои сайты у двух провайдеров – это TimeWeb.ru и sweb.ru – со скоростью и стабильностью работы у них проблем никогда не было.

2. Отключите все неиспользуемые плагины. Если использование какого-либо плагина для вас не обязательно, то смело отключайте его (Деактивируйте), так как именно ненужный плагин может служить причиной медленной загрузки ресурса. От некоторых активных плагинов можно избавиться, реализовав их функции с помощью php-кода или javascript.

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

3. Отключение резервных сохранений (ревизий) и удаление корзины. Замечали вы или нет, но сайт автоматически сохраняет все исправления, которые вы вносите в статьи. А так же, хранит все удаленные статьи и файлы в корзине. Так вот, и ревизии и корзина являются одной из причин медленной работы сайта. Для того чтобы их отключить, необходимо в файле config.php прописать строчки:

Define ("WP_POST_REVISIONS", false); define ("EMPTY_TRASH_DAYS", 0);

Если возникнут проблемы, советую так же обратить свое внимание на следующий материал «Ревизии. Как удалить, отключить ревизии в WordPress». Там вы получите намного больше информации по этому вопросу.

4. Оптимизация стилей style.css. Файлы CSS стилей, обычно, содержат массу комментариев, ненужных переносов строк и пробелов. Все это делает файл больше и сайту приходится тратить больше времени на его прочтение, что замедляет загрузку. Чтобы удалить из файла все лишнее необходимо скачать файл style.css с сервера на котором лежит ресурс (предварительно сохраните его копию).

Есть WordPress плагин, который сам оптимизирует стили сайта, он называется CSS Compress. Можете поставить его, тогда не придется вручную менять файлы. Но, с некоторыми темами он вызывает конфликты. А так же, не забывайте, что лишний плагин – это дополнительная нагрузка на сайт.

5. Редактирование Header.php. По умолчанию большинство скриптов сайта устанавливаются в начале кода сайта, для WordPress это файл header.php. Их лучше перенести в подвал (footer.php). Делается это для того, чтобы посетитель который придет на ваш сайт, не ждал загрузки всего ресурса, а мог сразу приступить к изучению информации, которая ему необходима. То есть сначала для него будет грузится верстка сайта, стили и шаблон, а только потом все остальные штучки и эффекты Это однозначно ускорит WordPress блог, даже Google в своих рекомендациях настаивает на переносе скриптов в нижнюю часть сайта.

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

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

Function custom_clean_head() { remove_action("wp_head", "wp_print_scripts"); remove_action("wp_head", "wp_print_head_scripts", 9); remove_action("wp_head", "wp_enqueue_scripts", 1); } add_action("wp_enqueue_scripts", "custom_clean_head");

6. Zlib сжатие кода. Zlib сжатие способствует сжатию кода на сайте, примерно. на 70-75%. Сжатие необходимо сделать для того чтобы уменьшить объем передаваемых данных и ускорить блог за счет этого. Для осуществления Zlib сжатия войдите в админку блога, перейдите в раздел редактора темы и откройте файл header.php. В самом верху файла, перед стройкой про DOCTYPE вставьте код, включающий сжатие:

7. Плагин кэширования Hyper Cache. Плагин при первом запросе той или иной страницы преобразует ее из php формата в HTML, и все последующие запросы не требуют выполнения скриптов, из кэша берется страница преобразованная в HTML. Пока у вас не установлен плагин кэширования Hyper Cache, такое преобразование будет происходить при каждом запросе страницы. Hyper Cache же кэширует страницу 1 раз и сохраняет ее копию, которую будет отдавать при следующих запросах. О том, как установить и настроить плагин кэширования Hyper Cache можете прочитать подробно в . Он поможет существенно увеличить скорость блога (больше, чем остальные методы вместе взятые). Непременно установите его на свой ресурс.

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

9. Плагин кэширования запросов к базе данных DB Cache Reloaded. Данный плагин действует аналогично Hyper Cache, только не с файлами сайта, а с базой данных. Так же DB Cache Reloaded использует для своих действий минимальное количество дискового пространства.

10. Оптимизация картинок и изображений. Картинки занимают немало места и требуют для передачи изрядную порцию трафика. Скорость загрузки страниц блога во многом зависит от картинок и изображений, которые вы используете в своих постах. Это прежде всего зависит от их размера. Не загружайте картинки большого расширения – делайте такой размер, который нужен для отображения на странице. Jpg и png картинки можно сжать сервисом Tinypng.com .

11. Защита сайта от спама. Атаки спамеров могут стать первостепенной причиной плохой загрузки и работы ресурса. Поэтому, установите на сайт защиту, подробнее о которой вы можете прочесть в статье « ».

Как я обещал в начале статьи, скорость загрузки блога увеличилась, примерно на 15%, это при том, что мой ресурс не загроможден большим количеством скриптов, картинок и другими элементами. Если сайт “навороченный”, то эффект может быть во много раз сильнее. Сейчас у меня показания:

А на этом, я заканчиваю сегодняшний пост. Удачи вам в ускорении вашего сайта.

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

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

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

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

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

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

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

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

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

Плагин WP Fastest Cache

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

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

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

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

Плагин PageSpeed Ninja

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

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

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

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

PageSpeed Module

Плагин PageSpeed Ninja

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

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

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

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

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

Jetpack от WordPress.com

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

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

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

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

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

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

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

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

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

Плагин 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

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

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

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

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

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

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

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

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

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

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

Перевод

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

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

Не забудьте обновить до последней версии PHP и Apache .

3.1 Отключите неиспользуемые сервисы Вы можете получить больше доступной оперативной памяти, отключив неиспользуемые службы и оптимизировав MySQL и Apache.

Удалите ClamD;
Настроить SpamD на использование только 1 дочернего процесса;
Удалите Mailman, если, конечно, вы не собираетесь запускать почтовый сервис.

3.2 MYSQL Query Cache Поскольку стабильность и скорость Wordpress довольно сильно зависит от работы БД, стоит убедиться, что настройки в my.cnf соответствуют возможностям сервера. В первую очередь следует установить настройки кэширования запросов, добавив в my.cnf следующие строки:
query_cache_type = 1
query_cache_limit = 2M
query_cache_size = 20M

Чтоб настройки вступили в силу придется перезапустить сервис MySQL сервис.3.3 Кэш компилятора: XCache или Eaccelerator? Кэш компилятора увеличивает производительность откомпилированных скриптов на сервере, кэшируя их – это поможет сократить время выполнения PHP скриптов. Стоит попробовать и то и другое решение, однако по результатам опытов увеличение производительности при использовании Xcache на 5% выше, чем с Eaccelerator.3.4 Увеличьте максимальное число соединений на Apache Увеличение максимального количества соединений в httpd.conf повысит производительность, т.к. сервер сможет обрабатывать большее количество подключений за раз. Однако, следует изменять этот параметр осторожно, дабы не исчерпать весь объем оперативной памяти и не замедлить работу сервера, потому всегда тестируйте новые настройки прежде чем запускать их в работу. Установим к примеру 150 коннектов:
max_connections = 150
Не забудьте рестартить сервис Apache, чтоб применить настройки.4 Оптимизация кода и графики Итак, сервер заработал и теперь настало самое время поиграть с кодом Wordpress.4.1 Отключите хотлинки Каждый раз когда вы используете свой сервер для хранения изображений вы существенно больше используете его ресурсов. Довольно часто люди заимствуют ваши изображения, ставя хотлинки на своих серверах. Это не только занимает канал, но и создает определенную нагрузку на сервер.
Добавьте следующий код в .htaccess файл, заменив example.com на имя вашего домена, чтобы отключить использование хотлинков:
< IfModule mod_rewrite .c >
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$
RewriteRule .*\.(gif|jpg|png|ico)$ -
4.2 Используйте внешний хостинг для хранения изображений Хостинг изображений на внешних серверах поможет значительно снизить нагрузку на сервер. В примере ниже вы можете видеть снижение объема используемой оперативной памяти на одном из блогов после переноса изображений на сервис Amazon S3 .

4.3 Сжимайте java-скрипт код Сжатие javascript довольно простая задача. Поскольку он выполняется при каждом просмотре страницы, вы можете уменьшить размер Javascript, удалив все незаполненное пространство. Вот простой инструмент, который поможет сделать это за вас - JavaScript Compressor .4.4 Javascript в начале страницы Часто случается так, что сайт начинает загружаться медленно или вообще останавливается, т.к. другой ресурс, с которого вызывается javascript(на пример Digg badges, Tweetmeme и т.д.), не доступен или оффлайн. Чтобы избежать этого вынесите весь javascript код в конец страницы, а то что по каким-то причинам вынести не удалось – попробуйте заключить в iFrame.4.5 Используйте кэш браузера Сам по себе кэш браузера, конечно не сделает ваш блог быстрее, однако поможет снизить нагрузку на сервер, кэшируя часто загружаемые объекты(стили, элементы интерфейса и т.п.).
Попробуйте вставить следующий код в .htaccess файл:
FileETag MTime Size
< ifmodule mod_expires .c >
< filesmatch "\.(jpg|gif|png|css|js)$" >
ExpiresActive on
ExpiresDefault "access plus 1 year"

4.6 Сжимайте статические данные Вы можете уменьшить размер загружаемой страницы позволив браузеру принимать и передавать данные в сжатом виде. Это также снизит загрузку канала и количество загружаемых данных.
Следующий код в .htaccess может помочь вам в этом:
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0 no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
4.7 Используйте CDN для статических файлов Если хранить все изображения на одном и том же домене, то браузер будет ожидать их загрузки одного за другим. Допустим на странице их у вас есть 12 штук, если вы разделите их между тремя поддоменами, они будут загружаться одновременно из трех «разных» источников вместо того, чтоб загружаться браузером по очереди из одного.
Можете попробовать перенести все css & javascript файлы на files.yoursite.com , а изображения и временные файлы на static.yoursite.com . Или же просто использовать CDN (Content Delivery Network) – большая сеть серверов, расположенных по всему миру, которые позволят не только хранить ваши файлы на разных поддоменах, а значит загружать их параллельно, но и доставлять пользователю данные с самого близкого к нему сервера. Все это позволит загружать данные намного быстрее.5 Wordpress В этой части статьи мы рассмотрим приемы для улучшения производительности, которые можно применить непосредственно к Wordpress.5.1 Обновитесь до последней версии Обновления до более новых версий позволяют не только устранять обнаруженные уязвимости, но и улучшают производительность. Для примера в wordpress 2.8 была существенно оптимизирована работа с БД.5.2 Отключите Post Revisions Во всех версиях wordpress, начиная с 2.6, редакции ваших статей каждый раз во время правки автоматически сохранялись. Это замедляет работу БД и увеличивает ее размер без особой надобности.
Чтоб отключить post revisions, добавьте следующую строку в wp-config.php :
define("WP_POST_REVISIONS", false);
Чтобы удалить сохраненные ранее ревизии текста, выполните следующий запрос в PHPmyadmin:
DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = "revision" 5.3 Сократите количество запросов Уберите ненужные запросы, чтоб ускорить генерацию страницы. Например, следующий типичный код, встречающийся во всех темах для wordpress:
< meta http-equiv ="Content-Type" content ="< ?php bloginfo ("html_type" ); ?> ; charset= " />
Мы запросто можем переписать в:
< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" />
Уже на два запроса меньше. Довольно просто, не правда ли?6 Wordpress Plugins И на последок предлагаю вашему вниманию несколько плагинов, которые могут повысить производительность wordpress. Как только все, описанное выше, будет выполнено, эти плагины помогут добиться еще более высокой производительности.

Кроме того сама характеристика скорости делится на несколько пунктов, а именно:

Кеш браузера
Код JavaScript и CSS
Код HTML
Размеры изображений и их «вес»
Сжатие gzip
Размеры элементов
Всплывающие окна
Работа сервера
Количество элементов на страницу

Начинаем битву за скорость WordPress Шаг №1. Как проверить скорость загрузки сайта и определить проблемные места?! Сервисы для анализа сайта Сервисы для анализа сайта

Для начала мы проверяем свой сайт для этого воспользуемся двумя замечательными бесплатными сервисами. Определение скорости загрузки – Google PageSpeed Tools и анализ сайта PR-CY . Есть и другие, но я думаю это лучшие, они дают наиболее точную оценку.

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

Шаг №2. Меняем размеры и «вес» изображений на сайте Как уменьшить изображения Как уменьшить изображения

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

Уменьшаем размер перед загрузкой на сайт.

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

Используем плагины WordPress.

Я пользуюсь именно этим методом в комплексе с первым. Для начала большие изображения уменьшаю в редакторе, а затем они автоматически сжимаются при загрузке на сервер с помощью плагина WP Smush . Он является самым популярным и удобным в обращении. Простой интерфейс и автоматическая работа. Кроме того вы можете сжать уже загруженные изображения до установки данного плагина. Делается это достаточно просто, заходите в библиотеку медиафайлов и возле каждого нажимаете «Smush Now».

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

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

Плагины WordPress для сжатия изображений:

Плагин WP — EWWW Image Optimizer
Плагин WP — TinyPNG / TinyJPG
Плагин WP — Resize Image After Upload
Плагин WP — ShortPixel Image Optimizer
Плагин WP — Kraken Image Optimizer
Плагин WP — Imagify
Плагин WP — Optimus
Плагин WP — CW image optimizer
Плагин WP — SEO Friendly Images
Плагин WP — Lazy load
Плагин WP — Compress JPEG and PNG images
Плагин WP — BJ Lazy Load
Плагин WP — Prizm Image

Также отмечу, что некоторые имеют как бесплатную версию, так и платную. Основное отличие – количество уже загруженных изображений, которые можно сжать на сервере.

Шаг №3. Оптимизируем отображение картинок на страницах wordpress. Улучшаем «юзабилити» Пользователь сам определяет размер

Я думаю не стоит обсуждать, что быстрее загрузится картинка в полном размере или её миниатюра. Ответ очевиден! Но миниатюра не дает возможность рассмотреть ваш скрин или фото в полном объеме. Особенно если на них имеются надписи. Как быть!? Есть золотая середина, увеличение картинок по клику мышки, в этом нам поможет плагин wp — . Уверен он лучший в своем роде, у него вообще нет настроек. Установили – он работает – очень удобно и просто.

Итак что мы делаем. Устанавливаем и активируем плагин Auto-highslide . Все изображения должны отображаться в среднем размере, а в разделе ссылка должно стоять – «Медиафайл» — иначе плагин Auto-highslide не будет работать. Смотрите на скрин ниже.

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

К слову, плагин wordpress — Auto-highslide не доступен для скачивания из админки, вы можете скачать его с нашей группы ВКонтакте в разделе документы . А полная статья о нём .

Шаг №4. Кеширование страниц сайта wp Настраиваем кеш WordPress Настраиваем кеш WordPress

Кеширование страниц – это важнейший параметр скорости загрузки сайта. Вы можете иметь ошибки в CSS и JavaScript, но кеш должен быть настроен обязательно. Он способен увеличить скорость загрузки вашего ресурса в несколько раз. Да, да вы не ослышались в несколько раз!

Есть несколько вариантов

Первый – это откорректировать файл.htaccess, но я стараюсь не ковырять код собственных сайтов, чего и вам советую. Лучше доверится специалистам. Однако если вы хотите рискнуть, то в файл.htaccess вставляем следующий код:

FileETag MTime Size

ExpiresActive on

ExpiresDefault «access plus 1 year»

Второй способ , наиболее распространенный – использовать плагин кеширования. Самый простой среди них – это WP Super Cache. Он не конфликтный, простой в настройке и подходит большинству блогов на wordpress.

Скачать WP Super Cache можно из админки. Устанавливаем и активируем.

Настройки WP Super Cache

Всё делаем как на скринах ниже:

И не забывайте сохранять настройки на каждой вкладке!

Есть также и другие плагины wordpress для кеширования:

Плагин WP — WP-Cache
Плагин WP — Hyper Cache
Плагин WP — WP-Cache.Com
Плагин WP — WP Rocket
Плагин WP — WP Fastest Cache
Плагин WP — WP Fast Cache
Плагин WP — Wordfence Falcon
Плагин WP — W3 Total Cache
Плагин WP — Super Static Cache
Плагин WP — Really Static
Плагин WP — Next Level Cache
Плагин WP — Lite Cache
Плагин WP — Hyper Cache Extended
Плагин WP — Gator Cache
Плагин WP — Flexicache
Плагин WP — Cachify
Плагин WP — AIO Cache
Плагин WP — Alpha Cache
Плагин WP — Bodi0’s Easy Cache
Плагин WP — Zen Cache (formerly Quick Cache)
Плагин WP — Quick Cache (Speed Without Compromise)

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

Ускоряем отображение элементов страниц Шаг №6. Уменьшаем количество HTTP запросов, сжатие gzip Отличный плагин для ускорения Отличный плагин для ускорения

Продолжаем ускорять wordpress. Первое что мы делаем в этом разделе – устанавливаем Far Future Expiration Plugin. Это достаточно простой плагин, он уменьшает количество HTTP запросов. Кроме того позволяет использовать gzip сжатие.

Настройки Future Expiration Plugin

Важно!!! Если вы уже используете gzip сжатие с другим плагином, то поставьте галочку Enable Gzip Compression, дабы не было конфликтов. Напомню – если вы установили плагины кеширования, то обратите внимание – они тоже используют gzip. Если у вас стоит W3 Total Cache или WP Super Cache, то галочка также должна стоять в Enable Gzip.

Шаг №7. Оптимизируем CSS, JavaScrit и HTML коды Как оптимизировать коды на wordpress

При оптимизации кодов и их сокращения варианта два – ковырять блог или установить плагин. Я предложу самый простой из них. Вы уже наверно догадались?! Берем плагин Autoptimize. Он описан в статье .

Устанавливаем, активируем. И сохраняем настройки по умолчанию. Там сложного ничего нет.

У него кстати есть альтернативный вариант – это Better WordPress Minify.

Шаг №8. Как уменьшить время ответа сервера wordpress Проблема на сервере или на сайте

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

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

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

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

Шаг №9. Уменьшаем количество элементов на странице Делаем сайт простым и понятным

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

То же должно быть и на вашем сайте! Уберите ненужные блоки из сайдбаров, сократите число рубрик, введите иерархию в разделах. В объемных статья добавьте шорткоды, возможно открывающиеся по клику пункты – например как в этой статье. Не используйте длинные HTML коды и скрипты, по возможности смещайте их в низ страницы. По возможности не используйте всплывающие окна – их никто не любит, ни поисковики, ни живые люди!!!

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

За сим Всё. Если у вас есть вопросы или дополнения к статье – пишите их в комментариях!

Вконтакте

Ускорение сайта WordPress до максимума. Увеличиваем скорость загрузки сайта.

Как известно поисковая система Google оценивает сайт более чем по 300-м параметрам, а Яндекс пошел ещё дальше и учитывает более 700 факторов, которые влияют на поисковую выдачу. Большинство из низ не известно, но мы совершенно точно знаем как минимум пару десятков наиболее важных параметров, которые должны быть на высоте, если вы хотите чтобы сайт пробился в топ. Один из таких скорость загрузки вашего ресурса. Кроме того сама характеристика скорости делится на несколько пунктов, а именно: Кеш браузера Код JavaScript и CSS Код HTML Время ответа сервера Загрузка видимого контента Размеры изображений и их «вес» Сжатие gzip…

Обзор

Как вы знаете на данный момент поисковые системы начали уделять большое внимание скорости загрузки сайтов так как все повсеместно используют коммуникаторы, телефоны, планшеты, смартфоны, и на них тяжелые блоги да и вообще сайты как вы сами знаете грузятся очень медленно, так как в основном переполнены разнообразными скриптами тяжелым контентом и прочими приблудами, хорошо если у вас есть арендованный vps , или же собственный домашний выделенный веб сервер — там вы можете на 1000% процентов раскачать свой сайт — но а вот на виртуальном хостинге все гораздо сложнее — берем что дают, и на этом делаем но и из говна как вы слышали можно сделать конфетку. Оптимизация wordpress , это не только ускорение загрузки страниц вашего сайта но еще и это важно знать, при правильной контента, и сайта (накоплением ссылочной массы) увеличением ТИЦ и PR вы обязательно попадете в TOP google и yandex. Сейчас же мы в пару кликов с помощью плагинов увидим как работает оптимизация движка на wordpress и то как ускорить работу wordpress . Первое что нам нужно провести проверку здесь https://developers.google.com/speed/pagespeed/insights/ — запомнили свои результаты, посмотрели как оценил google speed скорость загрузки страниц, приступаем к оптимизации wordpress .

Ускоряем сайт на wordpress с помощью плагинов

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

2) WP-HTML-Compression — по названию плагина я думаю вы догадались какую функцию он выполняет, если нет то подскажу что сжимает странички вашего сайта и ускоряет загрузку страниц. Настройки у плагина отсутствуют, если вы будете ставить плагин Autoptimize то его плагин можно не устанавливать, так как данная функция уже присутствует в автооптимизаторе

3) WP Resized Image Quality — Изменение уровня сжатия загружаемых изображений и эскизов. — скудные настройки пара строчек все ясно и просто — этот плагин так же важен для ускорения сайта , рекомендую его установить вместе с плагином Regenerate Thumbnails . Установите сжатие картинок в WP Resized Image Quality на 70% и запустите Regenerate Thumbnails ваши «превьюшки» скинут в весе и доблестные google и яндекс будут этому очень рады, да и посетители тоже ибо скинутые пару мегабайт со страницы помогут быстрее ей открыться в браузере посетителя.

4) Hyper Cache v2.9.1.6 (более новые версии не рекомендую) — плагин кэширования для вашего сайта, оптимизации WP блога и снижения его нагрузки на сервер хостинга — этот плагин важен для сайта, я перепробовал множество плагинов и остановился на этом отказался от WP SUPER CACHE и WP TOTAL CACHE на трех под-доменах я поставил три этих плагина и победителем вышел Hyper Cache смотрел в панели google webmaster статистику индексирования сайта ботом google c 800 ms доступ к сайту снизился до 200-300 ms у остальных от 400-800 вроде настроено все было хорошо Hyper Cache использовать лучше в связке с Autoptimize два этих плагина ускоряют загрузку страниц и снижают нагрузку на сервер хостинга и потребление выделенной вам памяти. Скриншоты с настройками Hyper Cache — делаем так же как показано на скринах

настройки

5) CW Image Optimizer — плагин оптимизации изображений для wp , уменьшает вес файла изображения не изменяя его размера тоесть пропорции остаются такими какие были до оптимизации просто из файлов удаляется вся ненужная информация, качество изображений при оптимизации этим плагином не изменяется но вес странички порой уменьшается на пару мегабайт все зависит от того сколько изображений находится на странице, есть один нюанс не все хостинговые провайдеры поддерживают который нужен для работы данного плагина, но если у вас арендованный VPS или KVM VPS или же свой домашний сервер на ubuntu или debian то вы смело можете поставить данный модуль и воспользоватся этим плагином

#Включаем mod_deflate для gzip сжатия файлов на серверах apache2 AddOutputFilterByType DEFLATE text/html text/plain text/css application/json AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript AddOutputFilterByType DEFLATE text/xml application/xml text/x-component SetOutputFilter DEFLATE #Включаем gzip на серверах nginx или nginx+apache # Устанавливаем заголовок Vary: Accept-Encoding на nginx gzip_vary on mod_gzip_on Yes mod_gzip_item_include file .js$ mod_gzip_item_include file .css$ mod_gzip_item_include file .html$ mod_gzip_item_include file .txt$ # Устанавливаем заголовок Vary: Accept-Encoding на apache2 Header append Vary: Accept-Encoding # используем mod_expires ExpiresActive On ExpiresDefault A86400 ExpiresByType image/x-icon A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType text/css A2592000 ExpiresByType image/gif A604800 ExpiresByType image/png A604800 ExpiresByType image/jpeg A604800 ExpiresByType text/plain A604800 ExpiresByType application/x-shockwave-flash A604800 ExpiresByType video/x-flv A604800 ExpiresByType application/pdf A604800 ExpiresByType text/html A900

И еще url и ресурсы в которых присутствует знак ? не кэшируются, а в wordpress добавляются версии для css и js файлов автоматически pack.js?ver=1.3.4 выглядит это так, page speed рекомендует это исправить, и исправляется это добавлением функции в файл functions.php — в конец файла

Function _remove_script_version($src){ $parts = explode("?", $src); return $parts; } //Убирает версию файла для js add_filter("script_loader_src", "_remove_script_version", 15, 1); //Убирает версию файла для css add_filter("style_loader_src", "_remove_script_version", 15, 1);

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