+7(343) 227-47-27
Логотип Колибри

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

24.02.2016

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

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

С чем предстоит работать практически на любом сайте:

  1. Изображения
  2. Стили и скрипты
  3. Шрифты

Важно! Не стоит сильно убиваться из-за низких показателей в pagespeed insights, т.к. по сути, если скорость загрузки страницы и ответ от сервера находятся на хорошем уровне, эти лишние 20-30 баллов практически ни на что не повлияют.

Хостинг

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

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

Самое главное, понять, что на сайт нужно загружать изображения точно того размера и расширения, который нужен в конкретном случае. Запомните: PNG весит больше чем JPG из-за прозрачного слоя, поэтому даже если вы загрузили фотографию, но в формате PNG, она будет тяжелее, то же самое касается и цветовых профилей, для Web используем только sRGB.

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

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

Шрифты

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

Оптимизация скриптов, стилей, кеширование, GZIP и CDN

Сразу отметим, что данный вариант идеален для тех, чьи познания в программировании закончились на «Hello World!», т.к. для реализации необходимо лишь внимательно прочитать инструкцию к тому плагину, с помощью которого будет производиться оптимизация скриптов и стилей. На сегодняшний день есть несколько хороших расширений:

  1. Wp Rocket (Плагин платный, цена вопроса — $39)
  2. Wp Super Cache
  3. Wp Fastest Cache
  4. W3 Total Cache

Кеширование браузера

Включается он не сложно, нужно лишь вставить в файл .htaccess следующий код:

Минификация скриптов, стилей и отложенная загрузка

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

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

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

GZIP сжатие

Включается GZIP сжатие так же, как и кеширование браузера, через файл .htaccess. Скопируйте и вставьте следующий код:

Content Delivery Network (CDN)

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

  1. CloudFlare
  2. KeyCDN
  3. MaxCDN

Последний пункт нашей инструкции по ускорению сайта на вордпресс будет актуален преимущественно для сайтов с траффиком по несколько терабайт в месяц. Ну и не стоит забывать о мобильной, облегченной версии веб-сайта, наличие которой учитывается поисковыми системами и является хоть и небольшим, но преимуществом перед теми, у кого её нет. А вот и результаты тестирования нашего сайта:Скорость загрузки сайта web.ra-kolibri.com

Как видите, после проведения работ по оптимизации и ускорению, он оказался быстрее 96% всех проверенных в данной системе сайтов.

Хотите так же? Напишите нам через форму обратной связи или позвоните по телефону +7 (343) 221-30-69. Немного волшебства и Ваш сайт будет летать!

Заказать сайт




ЗагрузитьТЕХНИЧЕСКОЕ ЗАДАНИЕ