Оптимизация сайта на WordPress для Google PageSpeed. Как нужно выполнять рекомендации сервисов?

Оптимизация сайта на WordPress для Google PageSpeed

В последнеее время все помешались на ускорении сайтов и подгонке их под требования PageSpeed Insights. Особенно это акутально для WordPress, где сам движок и плагины создают множество проблем при загрузке. Я тоже занялся этим вопросом и вот моё мнение. В погоне за "зелёненькими" цифрами оптимизаторы забывают про элементарную логику. Есть цифры в сервисах тестирования, а есть реальная скорость загрузки сайта, измеряющаяся в секундах. Поэтому для тестирования сайта и оптимизации я смотрю три сервиса:

Google PageSpeed (смотрим сосбственно цифры)

GTmetrix (5 в 1, собраны в удобном виде все метрики)

PingDom Tools (можно выбрать разные сервера для тестирования)

Задайте правила эффективного использования кеша для статических объектов

Например сервис часто требует, чтобы Вы осуществляли кеширования Google Analitics. Я сравнивал. Если убрать аналитику скорость загрузки уменьшается на 1,7 с! А это немало. Т.е. проще совсем убрать аналитику от Google. Тоже самое касается Яндекс.Метрики.

Но если Вы хотите выполнить это требование, то самый просто способ это сделать - использовать плагины, которые сохраняют analitics.js локально у Вас на сервере, и автоматически обновляют:

  • Webcraftic Clearfy
  •  CAOS | Host Google Analytics Locally

А за кеширование этих файлов будет отвечать любой установленный у Вас плагин: WP Fastest Cache, W3 Total Cache и т.д. Эт оповолит сэкономить 0,5-0,6 с и получить несколько баллов.

Устраните ресурсы, блокирующие отображение

Обычно это файлы стилей и скриптов, генериуемые темой и плагинами, которые загружаются в header. И если с объединением внутренних файлов и скриптов и переносом в footer прекрасно справляется плагин типа Autooptimaze, то с внешними скриптами всегда будут проблемы:

Устраните ресурсы, блокирующие отображение - jquery

В данном случае PageSpeed требует чтобы мы устранили проблему с JQuery и даже говорит что так мы сэкономим 270 мс. Логичным было бы сохранить этот файл у себя на сервере в подпапке и подгружать локально. Сделать это несложно, но только (неожиданно) это вообще никак может не ускорить загрузку. Потому что файл этот всё равно должен загрузиться, а сервера Google могут оказаться более скоростными чем Ваш собственный shared hosting.

В моём случае сайт был расположен на серверах в USA и прирост всё-таки был. В итоге показатели Page Speed растут с 68/88 до 74/95, а по PingDom Tools время загрузки (Load time) улучшилось на 61 мс: с 1.04 с до 979 мс. Это конечно не 270 мс, но тоже неплохо.

Итак прмиеняя 2 несложных приёма: сохранение у себя на сервере и кеширование Google Analitics и JQuery, мы легко добиваемся "зелёных" цифр для компьютеров. С мобильными уже сложнее. Но буду информировать Вас о том что можно сделать в этом направлении.

 

Кавычки в заголовках статей: как ставить правильно

Раньше не задавался вопросом какие кавычки в заголовках статей на сайте можно ставить. Просто ставил любые. В итоге в некоторых были двойные кавычки  " ", а в других были ёлочки « ». Вы сами можете просмотреть как отображаются Title Вашего сайта через оператор site:site.ru. Вот и я проверил. И что мы видим:

А теперь смотрим как выглядят сниппеты если кавычки вида "":

Заголовок с кавычками

Вывод из этого простой: Кавычки-ёлочки в Google обрезают отображаемый заголовок, поэтому предпочтительно ставить обычные двойные кавычки "". Что я и сделал - массово поменял все.

Яндекс.Метрика и индексация скрытого контента

Яндекс метрика и индексация закрытого контента

Яндекс.Метрика установлена на многих сайтах и, как известно, исправно "стучит" Яндексу обо всём. Т.е. если у вас много ссылок на парнёрские программы, редиректы на рекламодателей или, не дай бог, партнёрка от Амиго - Метрику надо с сайта убирать.

И не помогут тут ни директивы Disallow в robots.txt, ни метатеги:

<meta name="robots" content="noindex, nofollow" />

ни даже закрытие через JS и AJAX. А всё потому, что если ссылки в контенте ещё можно скрыть, то клик по этой ссылке скрыть невозможно, как и адрес сайта куда перешёл посетитель. Всё это печально, но частично можно проблему с закрытием некоторых разделов и страниц сайта от индексации элементарно установив галочку в настройка Я.метрики, при получении кода. Это настройка "Запрет отправки на индексацию страниц сайта".

В код счетчика будет добавлено свойство ut:"noindex" для объекта Ya.Metrika и параметр ut=noindex после //mc.yandex.ru/watch/XXXXXX в noscript-части кода.

Показываю:

Запрет отправки на индексацию страниц сайта

Так, что есть смысл пройтись по своим сайтам и заменить код метрики.

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

Нумерация на странице поиска Яндекс

Веб-мастерам и SEO-специалистам при просмотре результатов поисковой выдачи важно видеть номер позиции сайта. Раньше Яндекс показывал нумерованные позиции, но с некоторых пор отказался. Есть конечно расширение от Топвизор, но оно только для Chrome, так что пользователи Firefox и других браузеров пролетают. Нумерацию также добавляет плагин RDSbar, но опять же не везде. Как вариант есть букмарклет - у меня заработал и выглядит выдача неплохо. Недостаток - надо кликать по кнопке, чтобы появилась нумерация.

Предложу свой вариант - использование пользовательского скрипта (userscripts). В результате выдача будет выглядеть так (стрелками показана нумерация):

Нумерация поисковой выдачи Яндекс

Сначала немного теории. Чтобы нумерация состоялась, список в поисковой выдаче должен быть заключён в тег <ol>. Поэтому нужно добавить скрипт, который подменял бы на странице поиска тег <ul> на <ol>. Сделать это можно простым скриптом:

$(window).load(function() {
 $("ul").replaceWith(function(index, oldHTML){
 return $("<ol>").html(oldHTML);
});
 });

Проверено - работает в  Opera 41.

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

P.S. Если у Вас не установлен блокировщик рекламы, то нумероваться будут и рекламные объявления. так что установите что-то типа uBlock origin.

Отзыв о сайте и программе vto.pe

Недавно попробовал работать с соцсетями с помощью сайта vto.pe (ВТопе). Поначалу всё было радужно. Добавил задание - накрутка лайков на записи группы Вконтакте. Чтобы заработать поинты для оплаты задания установил Vtopebot, добавил туда свои фейковые аккаунты ВК, Fb и Twitter. И всё поначалу было отлично. Поинты текут рекой. Лайки ставятся.

И в один прекрасный день получаю такое:

Аккаунт Вконтакте заблокирован из-за vto.pe

 

Я срочно начал восстанавливать аккаунт. Параллельно начал писать в ТП запрос. Вы не поверите. После написания обращения просто невозможно нажать кнопку "Отправить". Ссылка на страницу "Контакты" в блоге неактивна. Т.е. их вообще никак нельзя найти. При этом сайт и программа довольно качественные и внушают, на первый взгляд,  доверие.

Я понял, что это не та компания, с которой стоит иметь дело. Как потом выяснилось мои акаунтом "вступали" в группы, предлагающие интим-услуги и прочую чернуху. С аккаунта бомбили спамом других.

Так что мой вам совет - не пользуйтесь этой программой и сервисом. Ну разве что Вам плевать на свои аккаунты в соцсетях.