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

скорость сайта на wordpress 2Здравствуйте, друзья. Недавно я писал об оптимизации сайта на движке WP, теперь более подробно поговорим о скорости. В частности, как ускорить работу сайта на wordpress? Во-первых, вам поможет оптимизация самого движка. Как ее произвести максимально просто и быстро, вы можете прочитать в этой статье. Советую вам обязательно ознакомиться с этой информацией.

Что ж, допустим, вы почистили о оптимизировали сам движок, что можно еще сделать? Сегодня я постараюсь дать вам максимально много способов увеличения скорости.

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

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

Минификация кода

кодМинификация — это сжатие кода в одну строчку. При этом он остается полностью работоспособным, но файлы с кодом уменьшаются в размерам на 20-40%. Таким образом, они быстрее передаются при загрузке страницы. Минификацию можно выполнить как с помощью плагина, так и вручную. Конечно, второй вариант, на мой взгляд, лучше, но потребует от вас больше времени. Кстати, самые популярные плагины для этих целей: Autoptimize и WP Minify.

Кэширование страниц сайта

Для этого в WordPress существует очень много плагинов, но выбрать нужно какой-то один. Самым популярным принято считать WP Super Cache, а многие отдают предпочтение Hyper Cache. Что тут сказать? Каждый плагин хорош по-своему и тут прийти к какому-то выводу можно только путем экспериментов.

Если же не заморачиваться, то поставьте Hyper Cache. Естественно, плагин кэширования нужно не просто установить и активировать, но и настроить.

Сжатие и объединение картинок

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

Следующий прием подойдет, если вы используете много мелких картинок. Их можно объединить в одну, а выводить в нужных блоках через background-position. Такая большая картинка с множеством маленьких называется спрайтом. Об этом я еще в будущем напишу отдельно статью. Почему это нужно делать? Дело в том, что 1 изображение, пусть даже самое мелкое — это 1 доп. запрос к серверу. В таком случае лучше загрузить 1 большую картинку, сделав 1 запрос, чем 15 маленьких. Тем более, что спрайт тоже можно сжать.

Установка не тяжелых плагинов

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

Да, без некоторых тяжелых плагинов не обойтись. Например, Yoast SEO. Однако проверьте, нет ли у вас каких-то не самых важных плагинов, которые сильно тормозят движок. Такую проверку можно выполнить с помощью расширения W3 Perfomance Scanner.

Оптимизация работы БД

База данных во многом похожа на жесткий диск на вашем компьютере. Со временем в ней может скапливаться много мусора, в результате чего работа замедляется. Периодически полезно чистить базу с помощью плагинов WP Optimize или Optimise DataBase. А можно и вручную с помощью SQL запросов, но это вариант для тех, кто знаком с этим языком.

Выбор оптимального шаблона

Дело в том, что очень многое зависит от шаблона. Вы можете выбрать такой, в котором будет много такого, что вам на самом деле не нужно. Например, в первом шаблоне, который я использовал на этом блоге (в ноябре-декабре 2015) было кучу всего: табы, слайдер, отдельная админка для визуальной настройки шаблона, куча шорткодов и т.д. И ничем этим я не собирался пользоваться. Что же делать?

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

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

Оптимизация внешних подключаемых файлов

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

Например, в некоторых шаблонах я вижу 6-8 файлов стилей вместо одного, в каждом файде прописано что-то отдельное. С одной стороны, это удобно, а с другой — 8 запросов на сервер вместо одного. В идеале все нужно собрать в один или несколько файлов. Эту работу также выполняет плагин AutOptimize. Идеальный вариант — сделать все самому.

Анализ подключаемых шрифтов

Шрифты тоже относятся к внешним файлам, но упомянуть о них я решил отдельно. Подключить их можно через Google Fonts. Такой способ очень удобен и быстр, но если подключать более 3-5 шрифтов, то скорость загрузки будет уменьшаться. Кстати, о том, как их подключать, читайте здесь. Лечение: не используйте много шрифтов (максимум 3-5), старайтесь ограничиться стандартными, а нестандартные подключайте только для важных элементов, вроде заголовков и т.д.

Итог

Я думаю, это не все, но пока я вспомнил такие действенные способы, как ускорить сайт на wordpress. Есть еще как минимум 5-10 действий, которые помогут вам ускорить загрузку, постепенно я допишу в статью их. Но и этого уже хватит, чтобы прямо сейчас разогнать ваш сайт на 20-30% как минимум. Если вам понравилась статья, вы можете подписаться на меня или отправить ее в соц. сети, нажав по одной из социальных кнопочек. Желаю вам всего наилучшего и быстрых загрузок!

Комментариев: 1
  1. Александр

    Михаил, хорошая подборочка в статье, спасибо за рекомендации!

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: