Начну c официальной позиции Google по поводу влияния скорости загрузки сайта на ранжирование (позицию) в поиске.

wordpress-pagespeed-1

Возможно, вы слышали, что в Google все помешаны на скорости – скорости работы наших продуктов и скорости загрузки сайтов в интернете. Поэтому сейчас в алгоритмы ранжирования результатов поиска включен новый критерий: скорость сайта. Скорость загрузки сайта – это скорость отклика веб-сайта на веб-запросы.

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

Если вы владелец сайта, веб-мастер или веб-автор, вы можете воспользоваться этими бесплатными инструментами, чтобы определить скорость вашего сайта:

  • Page Speed (инструмент доступен только на английском языке) – расширение для Firefox/Firebug с открытым исходным кодом, позволяющее оценить эффективность работы веб-страницы.
  • YSlow – бесплатный инструмент от Yahoo!, предлагающий способы улучшения скорости сайта.
  • WebPagetest – выводит каскадный вид нагрузочной производительности сайта, а также список советов по оптимизации сайта.
  • В инструментах для веб-мастеров > Экспериментальные функции > Эффективность сайта – предоставляет статистические данные которые можно использовать для повышения скорости работы сайта.
  • code.google.com/speed/ – некоторые другие полезные инструменты для повышения скорости работы сайта.

Хотя скорость сайта теперь также учитывается в ранжировании результатов поиска, релевантность страницы является более важным сигналом. В настоящее время скорость сайта учитывается для менее 1% поисковых запросов и только для посетителей Google.com с запросами на английском языке. Если вы не заметили значительных изменений в ранжировании вашего сайта, вполне возможно, ваш сайт не попал под влияние этого изменения алгоритма.

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

Амит Сингал и Мэтт Каттс
Команда качества поиска Google

pagespeed-1 Началось все с того что Adsense в очередной раз понизил оценку эффективности страниц:

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

Изначально имеется сайтик со статьями, коих в интернете миллионы: CMS WordPress 4.2, два десятка плагинов, тема, сверстанная фрилансером и shared хостинг.

Разберем по пунктам, что было исправлено в этом конкретном случае. Уверен, статья будет полезна всем, кто использует WP.

За основу взят скринкаст Алексея Климанова «Как увеличить скорость загрузки сайта», за что ему отдельное спасибо. Однако, WP имеет свои особенности, их мы рассмотрим более подробно.

Окей, Гугл, что не так с моим сайтом?

wordpress-pagespeed

 

1. Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

Самый увлекательный пункт. Если говорить кратко, CSS нужно подгружать скриптами, сами скрипты перенести в футер и избавиться от стандартного подключения Google Fonts.

1.1. На обычном WP-сайте как правило присутствует основной style.css текущей темы и несколько файлов со стилями плагинов, а так же различные фреймворки.

Первым делом, переносим все стили в файл style.css текущей темы, исправляем урлы картинок, добиваемся чтобы все работало.

Для того чтобы отключить загрузку стилей отдельных плагинов, нужно сделать следующее: находим, где в плагине подключаются стили, обычно для этого используют функцию wp_enqueue_style(). Первый аргумент этой функции – идентификатор файла CSS, текстовая строка.

http://habrahabr.ru/post/264033/

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

4 × один =