У вашего веб-сайта на WordPress плохая оценка Google Page Speed ​​Insight. Что делать?

Какая оценка вашей страницы в Google Page Speed ​​Insight ? Не знаете? Вы можете проверить ее здесь.

Если ваш результат близок к 100, а индикаторы зеленые, поздравляю!

Но что делать, если ваш результат низкий, а индикаторы оранжевые или красные? Важен ли этот показатель и какое влияние он оказывает на блог, сайта или магазин? А такэе что делать, чтобы его повысить?

Об этом вы узнаете в статье.

Что такое Google Page Speed ​​Insight

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

Влияет ли оценка Google Page Speed ​​Insight Score на позиции в посиковых системах?

Короче, да.

В Google нет прямой связи между показателем сайта в Google Page Speed ​​Insight и позициями в поисковой выдаче. Однако он дает им информацию о скорости вашего сайта.

А скорость уже является фактором, который учитывается поисковыми системами при ранжировании сайта.

Другими словами, если ваш показатель Google Page Speed ​​Insight не самый лучший, а ваш сайт работает медленно, вы теряете поисковый трафик. Отдавая его конкурентам.

Более того, 100-миллисекундная задержка загрузки страницы может привести к снижению конверсий на 7%. Посеителю проще закрыть, чем сидеть и ждать.

Кстати. Проверяя результат страницы в Google Page Speed ​​Insight, вы должны проверять не только главную страницу. Это частая ошибка.

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

Другими словами, ваша главня страница может иметь хорошие показатели Google Page Speed ​​Insight, но вы все равно можете терять трафик из-за медленных оставшихся страниц.

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

Итак. Вы протестировали и обнаружили, что у вашего сайта плохая оценка Google Page Speed ​​Insight. Что делать?

Его надо оптимизировать!

Давайте поговорим о том, как выглядит оптимизация.

Как шаг за шагом оптимизировать ваш сайт на WordPress

  1. Оптимизируйте свой сайт по скорости на уровне CMS (систем управления сайтом, например, WordPress)
  2. Оптимизируйте свой сайт по скорости сервера
  3. Оптимизируйте свой веб-сайт по скорости на уровне серверной инфраструктуры
  4. При необходимости разверните AMP

Как оптимизировать сайт WordPress на уровне приложения

Оптимизация каждой страницы начинается на уровне CMS. (По хорошему ее нужно делать еще на этапе разработки).

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

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

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

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

Кэш — лучший друг быстрой страницы

Позвольте мне объяснить работу кеша наименее технически языком.

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

Если на вашем сайте включен кеш, страница будет подготовлена ​​к отображению раньше. В тот момент, когда пользователь заходит на ваш сайт, серверу больше не нужно готовить страницу к отображению, потому что она уже готова.

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

Вы можете включить кеш на уровне CMS, например, с помощью плагина WP Rocket, сервера или инфраструктуры.

Не оптимизируя изображения, забудьте о хорошем результате в Google Page Speed ​​Insight.

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

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

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

Может доходить до того, что из-за неоптимизированных графических файлов страница загружается не за секунды, а за минуты.

Следовательно, это важный элемент при оптимизации сайта.

Чтобы графические файлы загружались быстрее их нужно сжимать.

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

Помимо сжатия важен также формат фотографий.

Вы, вероятно, знакомы с такими форматами, как .jpg или .png .

Однако для веб-сайтов был создан специальный формат под названием .webp .

По сравнению с форматом .jpg он может значительно уменьшить вес фотографии.

Возьмем для примера рисунок ниже.

В неоптимизированном виде он весит 2,8 МиБ . Оптимизированный в формате .jpg , он весит 897,6 КБ . Оптимизированный в формате .webp , он весит 772,5 КБ .

Таким образом, по сравнению с .jpg формат .webp дополнительно уменьшил свой вес более чем на 13%, для отдельных изображений сжатие может достигать 50%. Когда на счету каждая миллисекунда и у нас много графики, это огромная экономия.

Однако здесь есть одна загвоздка.

Не все браузеры поддерживают этот формат или внедрили его совсем недавно.

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

Как оптимизировать сайт WordPress на уровне сервера

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

В настоящее время наиболее популярными серверными приложениями являются Apache и Ngnix. Вероятно, на одном из них сейчас работает ваш сайт.

В настоящее время 34,9% всех веб-сайтов в мире используют Apache , Ngnix и 33,4%

https://w3techs.com/technologies/overview/web_server

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

https://w3techs.com/technologies/cross/web_server/ranking

44,3% из 10 000 самых популярных сайтов в Интернете используют Ngnix и только 19,5% из них — Apache.

Когда мы проверяем 1000 самых популярных страниц мы видим, 48,3% из них используют Ngnix и только 16,2% — Apache .

Ngnix имеет расширенные функции кеширования, которые реализованы в нем по умолчанию. Благодаря этому значительно улучшается скорость загрузки страниц.

Вы помните? Выше я писал о кешировании при оптимизации скорости сайта на уровне CMS?

Кэш Ngnix может дополнить этот механизм кеширования на уровне сервера или полностью заменить его. В настоящее время технология кеширования, предоставляемая Ngnix , вероятно, является одной из лучших в мире.

Apache также может работать очень быстро, если мы установим на нашем сервере приложение для кеширования под названием Varnish .

Apache с Varnish может легко составить конкуренцию Ngnix .

Нельзя забывать и о стремительно набирающей популярность технологии Open Lite Speed .

Open Lite Speed , как и Ngnix , Apache и Varnish, — это приложения, которые вы можете совершенно бесплатно установить на свой сервер.

Еще одна современная и бесплатная технология, которую вы можете применить на уровне сервера, — это модуль Google Page Speed .

Обратите внимание , что модуль Google Page Speed отличается от Google Page Speed ​​Insight .

С помощью Google Page Speed Insight мы будем проверять только скорость загрузки веб-сайта.

Оптимизируем же его с помощью модуля Google Page Speed .

При использовании модуля Google Page Speed ​​вам не нужно беспокоиться об оптимизации на уровне CMS, так как этот модуль берет на себя всю оптимизацию за нас.

Как оптимизировать сайт WordPress на уровне серверной инфраструктуры

Разрешите пояснить вам на примере, что такое оптимизация на уровне инфраструктуры .

Когда ваш веб-сайт находится только на серверах в России, он загружается медленнее для людей за ее пределами. Чем дальше пользователь находится от сервера, на котором физически расположен ваш сайт, тем дольше он должен ждать загрузки страницы. Логично, правда?

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

Это важно, даже если большинство посетителей находятся в РФ, а ваш веб-сайт размещен на серверах там же.

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

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

Лучший способ решить эту проблему — использовать облака Amazon или Google. Эти компании используют то же облако, которое они предлагают для ускорения своих сервисов.

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

Что делать, если сайт медленно загружается на смартфонах

Если ваш сайт не адаптирован для мобильных устройств или работает на них медленно, то вы не «возможно» теряете трафик, а «определенно» это делаете.

В настоящее время большая часть трафика в Интернете генерируется мобильными устройствами, такими как смартфоны или планшеты.

Вот почему Google официально продвигает сайты, оптимизированные для мобильных устройств.  Хотя можно тем же успехом сказать, что он наказывает сайты, не оптимизированные для них.

Как проверить, оптимизирован ли ваш сайт для мобильных устройств?

Вы можете проверить адаптацию своего веб-сайта для мобильных устройств по этой ссылке. Или в том же Google Page Speed ​​Insight

Использование технологии AMP может быть полезным при оптимизации веб-сайта для мобильных устройств.

AMP — это проект, инициированный Google для повышения скорости мобильных сайтов. Само создание данного проекта компанией Google показывает, насколько важна для Google скорость работы сайтов на этих устройствах.

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

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

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

Однако независимо от того, решите ли вы использовать технологию AMP , все же стоит реализовать оптимизацию на уровне инфраструктуры.

Заключение.

Если ваш сайт оптимизирован для получения трафика из поисковых систем, вы уже прекрасно знаете, что после проведения SEO работ — нужно какое-то время для того, чтобы увидеть результат. То же самое и с оптимизацией скорости страницы.

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

Почему?

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

Тем более, что современные технологии, такие как Ngnix , Google Speed ​​Module или AMP, полностью бесплатны и останутся таковыми.

Поэтому не откладывайте.

Оставьте комментарий