Марафон v2.0

Урок 362 Google PageSpeed Insights: как ускорить WordPress по данному показателю

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

Привет! Я уже говорил, но повторюсь: крайне важно, чтобы ваш блог/сайт загружался довольно быстро. Это понравится как пользователям вашего сайта, так и поисковым систем. Особенно Google обращает внимание на скорость загрузки сайтов. Напомню, скорость сайта я отмеряю с помощью инструмента Google PageSpeed Insights. На данный момент показатели моего блога такие:

Google Pagespeed Insights

И вот для компьютеров:

Pagespeed Insights

Как видите, удалось зайти в "зеленую зону". То есть теперь со скоростью моего сайта все в порядке. А то до этого для мобильных было значение - 45, для компьютеров - 52. Там даже была красная зона.

Каких-то сложных вещей по ускорению сайта на WordPress делать не нужно, вам хватит потраченного 30-40 минут, чтобы также попасть в "зеленую зону".

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

Как ускорить WordPress по мнению Google PageSpeed Insights

1. Файл .htaccess

Первое, что нужно сделать, это добавить вот этот код в конец файла .htaccess:

# сжатие text, html, javascript, css, xml:
<ifModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>

и этот:

# кеш браузера
<ifModule mod_expires.c>
ExpiresActive On
#по умолчанию кеш в 5 секунд
ExpiresDefault "access plus 5 seconds"
# Включаем кэширование изображений и флэш на месяц
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType image/jpeg "access plus 4 weeks"
ExpiresByType image/png "access plus 30 days"
ExpiresByType image/gif "access plus 43829 minutes"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
# Включаем кэширование css, javascript и текстовых файлоф на одну неделю
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
# Включаем кэширование html и htm файлов на один день
ExpiresByType text/html "access plus 43200 seconds"
# Включаем кэширование xml файлов на десять минут
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>

Нужно вставлять ПЕРЕД "# END WordPress", напомню также, что файл .htaccess лежит в корне сайта, там где папки wp-admin, wp-content и другие:

Ускорить сайт на WordPress

Это позволит включить кэш браузера. После установки этого кода, поисковые системы вздохнули свободно: "Наконец-то Петя это сделал": 🙂

Google Pagespeed

Скриншот выше - это с Google Webmasters -> Сканирование -> Статистика сканирования.

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

Изначально, если не лень (а я это не делаю, так как мне лень 🙂 ), картинки можно пересохранять в Photoshop, используя кнопку "Сохранить для Web".

Сжатие картинок для ускорения сайта

 

Уже там сохраняете картинку в приемлемом для вас качестве. Вес картинки серьезно уменьшится. Повторюсь, я это не использую (исключение - миниатюры к постам).

Я использую дополнительно плагин WP-Smush.it. Он сжимает картинки без потери качества. Это не замена предыдущему инструменту, а дополнение к нему. Данный плагин может сжать даже те картинки, которые уже есть на блоге. Достаточно нажать на одну кнопку. Для подробностей просто перейдите по ссылке выше.

3. Оптимизация html и скриптов.

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

Правда я пока столкнулся со следующими проблемами:

  • перестало работать меню в мобильной версии сайта;
  • перестал работать поиск от Яндекса;
  • улетает счетчик Рамблера куда-то вниз.

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

4. Мобильная версия сайта

Дальше вам нужно создать мобильную версию сайта. Да, это необходимо. Почему? Потому что:

  1. В Google с апреля месяца наличие мобильной версии сайта будет влиять на ранжирование. А это значит, что конкуренты, у которых будут мобильные версии сайта, будут иметь преимущество над вами. Я уверен, Яндекс тоже скоро последует подобному примеру.
  2. Ваши пользователи будут вам благодарны. У вас улучшаться поведенческие факторы, что в результате снова влияет на позиции в поисковых системах. А это очень хорошо учитывает Яндекс.

5. Удаление ненужных плагинов

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

10-20 плагинов - это максимум. При возможности я бы довел эту цифру до 5-7.

Вывод

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

Если вы выполнили все это, отпишитесь, пожалуйста, в комментариях: какие показатели были у вас и до каких удалось дойти? Может еще у кого-то какие-то есть секретики? 🙂 Тогда я с радостью дополню статью.

Новый марафон 2.0 от WPnew
С уважением, Пётр Александров.
Подпишитесь на бесплатные уроки

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

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

38 комментариев

по хронологии
по рейтингу сначала новые по хронологии
Игорь Черноморец http://igorchernomoretz.com

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

Виктор http://web-kotik.com

Нужно на сервере включить модули или перейти на другой сервер

Виктор http://alrego.ru

А мне помог. И количество G-попугайчиков подскочило с 60 до 85. Рекомендации по кешу остались, но их стало существенно меньше и они ушли из красной зоны.

Сергей Медведев http://sergmedvedev.ru

Привет Петр.

Не помогли коды вставленные в htaccess..

А насчет Autoptimize, есть там такая функция - Force JavaScript in ? Нужно поставить галочку так как плагин загоняет все js в футер.

Если не поможет, то нужно задать исключение к скриптам, там есть поле...

Александр http://demeneff.ru/

Петр, как всегда радуешь полезной информацией. Обязательно закину себе этот код. Думаю поможет хоть как-то оптимизировать скорость загрузки блога

Иван http://blogzar.ru

Пётр, всё верно. За кэш отдельное спасибо! У меня блог три минуты загружался, отгадай в чём причина? 30+ плагинов, вообще, я считаю скорость это один из наиважнейших факторов, особенно для молодняка.

sportorate.ru http://sportorate.ru

Если три минуты то посетителей у вас где то около нуля))))

Иван http://blogzar.ru

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

Андрей http://zarobitok.ru/

ого 30 - ть плагинов, половину можно заменить на хаки

Дмитрий

Плагины здесь непричём

WarEnek http://warenek.ru

Ошибаешься. Причём, ой как ошибаешься.

Сергей

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

Петр, все эти способы полная ерунда, особенно на хостингах без Апача.

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

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

seoonly.ru http://seoonly.ru/

У меня все не так уж и плохо со скоростью))

Владислав http://adobe-master.ru/

На первое гугл может не реагировать по одной причине - он требует что именно нужно кэшировать и на сколько.

Но, вообще спасибо, Петя 🙂

Ускорил с 70 до 81 и в мобильной версии вышло с "красной зоны"

Ольга http://burzevao.ru

У меня проблем с загрузкой блога нет! плагинов стоит минимум, а точнее 10=)

Хорошо, что одной проблемой меньше=)

Иван Кунпан http://biz-iskun.ru

Спасибо Петр за полезную статью. Раньше я измерял скорость загрузки своего блога с помощью сервиса webwait.com сервис удобный, но он не выдает рекомендаций по устранению проблем.
Сервис Google PageSpeed Insights в десятки раз лучше.
Петр, у меня следующий вопрос? Сервис Google PageSpeed Insights рекомендует убрать лишние коды JavaScript в том числе и Ajax. А я его недавно только установил, чтобы скрыть внешние ссылки. Скрывать внешние ссылки сегодня с помощью старых способов через noindex и nofolow уже не получается. Что посоветуете в этой ситуации? Ведь внешние ссылки принесут гораздо больше вреда.

Автор
Пётр Александров http://wpnew.ru

Не знаю, как вы, но мне достаточно nofollow.

Amin http://zingirov.ru

Привет, Петр! Скажи пожалуйста, Для этого http://www.google.com/webmasters/tools/mobile-friendly

ты как нибудь изменял robots.txt, можешь скинуть свой robots.txt, так как у меня выскакивает ошибка, зачем goglebot-у требуется индексировать скрипты и стили ?

Автор
Пётр Александров http://wpnew.ru

Да, вот мой robots.txt http://wpnew.ru/robots.txt Посмотрите на вторую строчку.

Amin http://zingirov.ru

Сам Разрабатывал ? Сколько стоит такое удовольствие ?

Алексей http://dobrevich.ru

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

Автор
Пётр Александров http://wpnew.ru

Глянь на мой robots.txt на вторую строчку и все поймешь 🙂 wpnew.ru/robots.txt

Алексей http://dobrevich.ru

Ты про эту строчку имеешь ввиду

Allow: /wp-content/themes/wpnew2012mobile/?

Автор
Пётр Александров http://wpnew.ru

Ну да)

Артём http://vysokoff.ru/

Та же беда, что и с Autoptimize, данные коды не помогли увеличить скорость загрузки...

Автор
Пётр Александров http://wpnew.ru

Странно, может у вас плагин кэширования стоит? Попробуйте его выключить

Артём http://vysokoff.ru/

В том-то и дело, ничего не стоит, вот решил попробовать этот совет и плагин Autoptimize. Ни одно ни другое не помогло почему-то.

Виктор

Добый день! Скажите пожалуйста, а какое Ваше мнение о плагине W3 total Cache ?

alright http://intmoney.com.ua

У меня для мобильных получается 58 а для компьютера 80.
Не знаю, надо что-то делать но пока лень преодолевает ... (

Автор
Пётр Александров http://wpnew.ru

Неплохие показатели. Для мобильных нужно мобильная версия сайта.

Петя , добрый день.
У вас ошибка в тексте, исправьте.

"текстовых файлоф на одну неделю"

Алексей http://cho-cho.ru

Доброго времени суток, Петр, что-то показатели у вас упали, проверил данную страницу, а там 58 и 55 для моб и компьютера соответственно, с чем это связано? больше плагинов использовать начали?
за статью спасибо

Геннадий

Петр, день добрый. подскажи, где скачать настроенный .htaccess
спасибо.

IvYur http://kuponam.ru

Да на крайний случай, возьмите в гугл или яндекс вбейте скачать настроенный .htaccess. Результатов много будет. Выберете достойный согласно отзывов.

Александр https://seovedenie.ru/

Неделю разбирался с данным вопросом, достиг 100 из 100 по всем показателям в сервисе Google Page Speed.
Объединил скрипты, настроил кэш, вынес стили в head, скрипты в futer, изображения в спрайты.
В итоге главная страница 100, другие в 95-99.
Для клиентов, чтобы не потерять функциональность настраиваю скорость 85-95.
Считаю что имея 100 можно потерять в юзабилити,
И для новичков, как написал автор, бэкап обязателен, иначе хлопот не оберетесь

Виктор

На 27-11-2016 ваш сайт мобильная 59 пк 65 .
Именно эта страница. Сапожник продырявил сапог, и не заметил!? 🙂

Автор
Пётр Александров http://wpnew.ru

Дело в том, что функциональность случайно обрезал, пришлось шаблон из бэкапа восстанавливать.

Наверх Рейтинг@Mail.ru