11 Простых Способов Ускорить WordPress Блог

апреля 26 12:03 2012

Всем привет! Сегодня будем говорить об ускорениии WordPress блога. Об этом только ленивый не писал, поэтому я подумал, почему бы и мне не написать?! Опыт у меня в этом есть, и я могу предложить вам очень полезную информацию, благодаря которой я ускорил свой блог раза в 2-3. Скорость загрузки сайта очень и очень важна. Она важна потому, что при ранжировании, то есть распределении мест в поисковой выдаче, самые быстрые сайты занимают первые места.

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

Ускорение WordPress — момент важный, и те способы, о которых вы скоро узнаете, очень просты и понятны каждому. Не нужно будет ковыряться в базе данных, редактировать коды и т.д. Ускорение WordPress блога будет проходить путем установки плагинов и редактирования файла .htaccess. Так, для начала давайте замерим текущую скорость вашего блога, чтобы потом было с чем сравнить (все познается в сравнении). Пройдите по этой ссылке (сервис проверки скорости загрузки сайта от PR-CY.ru) и введите URL своего блога.

До ускорения главная страница моего блога грузилась со скоростью 3.06 с.:

скорость загрузки до ускорения wordpress

Скорость загрузки после:

скорость загрузки после ускорения wordpress

По правде говоря, скорость бывала намного ниже (до 0.13 секунд), но я решил взять с запасом 🙂

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

Итак, приступаем к разбору полетов.

Способ #1. Проведите чистку. Очень часто вебмастера, особенно начинающие, в буквальном смысле захламляют свой блог чем попало, следуя принципу «чем больше, тем лучше». В действительности происходит так, что посетителям это не только не интересно, но и раздражает и одновременно грузит блог. Баннеры, рекламные блоки, бесполезные виджеты и т.д. и т.п. и др... Из всего этого необходимо выделить только самое необходимое и оставить это, а от остального избавиться хотя бы до того момента, когда на блоге будет приличная посещаемость.

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

Теперь для ускорения WordPress блога поработаем с изображениями.

Способ #2. Минимальный вес изображений. Вы наверняка используете изображения на свое блоге. Изображения — это отличный инструмент для привлечения внимания посетителей. Но здесь есть оборотная сторона. «Тяжелые» плохо оптимизированные под веб картинки долго грузятся, заставляя посетителя испытывать терпение. Поэтому картинки нужно делать минимальными по весу.

Делается это в фотошопе. Сейчас расскажу, как.

Когда вы закончите обрабатывать изображение, пройте Файл => Сохранить для Web и устройств...

сохранить для web и устройств

Затем в Установки (меню справа)

вы выбираете тот формат, в котором картинка будет иметь минимальный вес. И еще нужно поиграться с количеством цветов (при png-формате) или качеством (при jpeg-формате). Количество цветов и качество изображения можно указать справа.

Способ #3. Плагин jQuery Image Lazy Load. Совершенно замечательный плагин! Он отвечает за загрузку изображений. Принцип его действия заключается в том, что, пока вы не прокрутите страницу до изображения, то есть пока оно не станет видным внизу экрана, изображение не загрузиться. Надеюсь, я доступно объяснил 🙂 Благодаря этому плагину, изображения, которые находятся где-то глубоко внизу, грузиться не будут, что снижает нагрузку на сервер, и страница грузится быстрее.

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

Способ #4. Плагин WP Smush.it. Данный плагин от Yahoo! уменьшает вес картинки без снижения ее качества. Нужно только скачать плагин и установить. Все остальное он будет делать самостоятельно.

Способ #5. Белый граватар. Граватар — это картинка, которая следует за вами от сайта к сайту, появляясь при отправке комментария или записи в блог. Если вы взгляните на комментарии, то вы их увидите. Эти маленькие картинки также влияют на скорость загрузки блога, и с этим нужно бороться.

Пройдите в Настройки => Обсуждение:

wordpress настройки обсуждение

Тот, кто не зарегистрировался на сервисе Gravatar (кстати, рекомендую это сделать), по умолчанию будет «человек-загадка» и соответствующая картинка.

человек загадка граватар

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

Теперь для ускорения WordPress блога подредактируем файл .htaccess.

Способ #6. Конфигурация кэширования Apache Expires header. Этот способ я подсмотрел на одном западном блоге, хотел подробнее почитать на русском, но к сожалению ничего не нашел. И для меня все эти Apache и т.д. — темный лес.

Поэтому все, что я могу сказать, это — вставьте код

ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000

в файл .htaccess, который располагается в корне вашего блога, а затем обновите (после этого не закрывайте этот файл — он еще пригодится).

P.S. Если кто-нибудь знаком с этим, то, пожалуйста, просветите 🙂

Способ #7. Защита от хотлинкинга. Хотлинкинг — это когда изображения с вашего блога вставляют в чужой блог, при этом загрузка ворованного изображения происходит с вашего сервера. А где загрузка, там и нагрузка и увеличение скорости загрузки. Защититься от этого можно, вставив код:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?mydomain.com/.*$ [NC]
RewriteRule \.(gif|jpg|js|css)$ — [F]

в файл .htaccess, а затем обновите. И естественно, замените mydomain.com на адрес вашего домена.

Ну и естественно нельзя говорить о ускорении WordPress блога без плагинов кэширования.

Способ #8. Плагин W3 Total Cache. Это продвинутый плагин кэширования с кучей настроек. Что такое кэширование, думаю, вы знаете. Данный плагин кэширования применяют такие солидные западные сайты, как mashable.com, smashingmagazine.com, yoast.com.

Плагин позволяет минимизировать файлы .css, .js, .html также записи, страницы и RSS путем удаления бесполезного расстояния между тегами кода, что позволяет уменьшить время загрузки сайта на 10%; имеет функцию Browser Cache и многое другое.

Плагин суперский. Рекомендую. Настроек в плагине  W3 Total Cache море, и это создает некоторые трудности. Когда передо мной встал вопрос о настройках, я погуглил и нашел подробную инструкцию здесь. Наберитесь терпения, инструкция длинная.

Способ #9. Плагин Optimize DB. Этот плагин оптимизирует базу данных одним кликом мышки. Все, что необходимо сделать, — это скачать плагин и раз в 2-3 недели активировать и проводить оптимизацию базы данных. Затем отключать плагин.

Способ #10. Замените динамичный код статичным. Шаблон блога состоит из динамических и статических составляющий. Статические, то есть не меняющиеся во времени, составляющие — это весь html-код. Динамическая, то есть меняющаяся во времени, составляющая — это php-запросы. Ярким примером динамической составляющей может послужить дата, которая каждый день, естественно, меняется. Понимаете?

Так вот, некоторые такие динамические коды, которые обращаются к базе данных и тем самым нагружают ее, можно заменить прямыми, статическими. Подробнее об этом читайте у Александра Борисова в статье Как ускорить wordpress блог? Секреты ускорения!

Способ #11. Избавьтесь от лишних плагинов. Плагины создают хорошую нагрузку на блог, и большое их количество может сильно навредить вашему блогу. Поэтому отключите максимальное количество плагинов или замените их кодом (в интернете об этом много написано). Оставьте только те, без которых невозможно функционирование вашего блога.

Вот те самые обещанные 11 способов ускорения WordPress блога. Данная статья никоим образом не претендует на всеохваченность вопроса ускорения блога. Поэтому даю вам ссылки на статьи, дополняющие мою. Эти статьи Как я оптимизировал и ускорил блог в несколько раз? и Как ускорить wordpress блог? Секреты ускорения! (автор обеих статей Александр Борисов) и статья Скорость загрузки сайта влияет на его продвижение, Page Speed — как ускорить сайт с сайта KtoNaNovenkogo.ru.

Что ж, the end! Буду благодарен за комментарии, лайки и ретвиты 🙂 Следите за обновлениями. Спасибо за внимание. Пока-пока 🙂

write a comment

22 комментария

  1. Howtomake
    апреля 26, 12:42 #1 Howtomake

    Спасибо, очень хорошая подборка полезных советов, некоторые обязательно применю)

    Reply to this comment
  2. Илья
    апреля 27, 08:17 #2 Илья

    Честно говоря, не ожидал улучшений...

    Но, о чудо, блог стал быстрее! Очень благодарен, за полезную информацию.

    Reply to this comment
  3. Павел
    апреля 27, 12:16 #3 Павел

    ExpiresActive On это деректива клиентского кеширования, тоесть на скорость загрузки не как не влияет, особенно когда к тебе попадают 1 раз.

    также рекомендую

    Better WordPress Minify сжатие js и css файлов, нужно для более шустрой загрузки сайта.

    скачать можно у меня или с самого вордпресса.

    Reply to this comment
  4. Павел
    апреля 27, 14:05 #4 Павел

    проанализировал эту страницу если тебе интересно то:

    самые долгие внешние get запросы идут на vk.com twitter.com

    соответственно задержка из-за подключённых этих сетей составляет 0.34 s =)

    Reply to this comment
    • Альберт Александров
      апреля 27, 14:30 Альберт Александров Author

      Хех, вот даже как =) Спасибо =)

      Но от кнопок я отказываться не хочу. Тогда я удаляю форму комментирования от VK — ею все равно мало кто пользуется 🙂

      Скажи, пожалуйста, как ты определяешь нагрузку?

      Reply to this comment
  5. Павел
    апреля 27, 15:18 #5 Павел

    накатал статейку если будешь себе утаскивать

    поставь трекбек.

    soronorus.com/firebag-setevoj-monitoring/

    Reply to this comment
  6. NataLia
    апреля 27, 17:45 #6 NataLia

    Действительно полезные советы! =)

    Об этом нельзя забывать!!!

    Reply to this comment
  7. dmitoks
    апреля 28, 15:52 #7 dmitoks

    Реально помогло. Как с велосипеда на мотоцикл пересел 😀 ))))

    Reply to this comment
  8. Павел
    апреля 29, 21:43 #8 Павел

    Альберт

    скажи тему для сайта сам делал?

    Reply to this comment
  9. Анатолий
    мая 06, 00:29 #9 Анатолий

    Плагин WP Smush.it. — загрузка картинки долговато. У меня познавательный сайт, поэтому картинок бывает многовато. А так прикольные наработки, сам некоторые использовал: советы 3,4,7. Другие уже сидели. Спасибо!

    Reply to this comment
  10. Вячеслав Балашов
    июня 23, 03:56 #10 Вячеслав Балашов

    Толковая статья — много полезного для себя извлек и применил на своем блоге. Понравился вариант с .htaccess, в вот плагин jQuery Image Lazy Load конфликтовал с моим любимым SexyLightBox for WordPress. Теперь буду пробовать нормально кэширование настроить. Спасибо за публикацию!

    Reply to this comment
  11. Вадим
    сентября 12, 13:21 #11 Вадим

    Реально помогло, особенно плагин Плагин W3 Total Cache. Как его поставил и настроил, то сайт грузиться начал за доли секунды! Огромное спасибо автору!

    Reply to this comment
  12. Imran
    января 28, 06:52 #12 Imran

    СПАСИБО ОГРОМНОЕ

    Reply to this comment
  13. Роман
    сентября 07, 19:01 #13 Роман

    Интересный пост,на до бы поставит себе плагины,скорость загрузки-действительно важный фактор.

    Reply to this comment
  14. Станислав
    октября 05, 20:14 #14 Станислав

    jQuery Image Lazy Load давно искал, очень удобен когда несколько фото

    Reply to this comment

Add a Comment

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.