TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как получить оценку 100/100 в Google PageSpeed ​​Insights для сайта WordPress?

233

Google недавно объявил, что качество страницы будет одним из факторов в алгоритме, который повлияет на позиции в поисковом рейтинге. Новый термин Core Web Vitals, который вы видите в Google Search Console, становится важным фактором, который определит будущее Интернета. Это заставляет всех веб-мастеров следить за тем, чтобы скорость загрузки сайта соответствовала требованиям Google, чтобы получить хороший рейтинг в результатах поиска. Если вы используете WordPress для размещения своего сайта, то на самом деле легко получить оценку 100/100 в инструменте Google PageSpeed ​​Insights.

Это тематическое исследование, основанное на нашем собственном опыте. Следовательно, мы явно указываем названия плагинов / тем / хостинговых компаний. Важно отметить, что не всегда необходимо смотреть на оценку PageSpeed, если вы четко видите, что делаете. Например, вы можете использовать платную рекламу или социальный маркетинг для продвижения своего сайта с низкой скоростью загрузки страниц. Таким образом, контекст этой статьи применим для блоггеров, которые хотят получить более высокую оценку скорости, что увеличивает шансы на более высокий рейтинг в поисковых системах и лучший пользовательский опыт.

Google PageSpeed ​​Insights

Есть несколько инструментов; вы можете использовать для отслеживания скорости веб-сайта WordPress. Google PageSpeed ​​Insights, Pingdom, GTmetrix и WebPage Test – одни из наиболее часто используемых инструментов в списке. Поскольку результаты поиска Google определяют посещаемость многих веб-сайтов, полезно использовать инструмент PageSpeed ​​Insights в качестве справочного материала.

Вы можете перейти к инструменту PageSpeed и ввести любой URL-адрес страницы, чтобы получить оценку скорости. На оценку влияет множество факторов, которые вы можете прочитать на официальном сайте разработчика Google. Ниже приводится сводка факторов, влияющих на полученный вами результат.

Фактор Вес
Первая содержательная краска 15%
Индекс скорости 15%
Самая большая содержательная краска 25%
Время для интерактивности 15%
Общее время блокировки 25%
Накопительный сдвиг макета 5%

После анализа веб-страницы Google выставит оценку по 100-балльной шкале. Ниже приведены три диапазона, указывающие позицию скорости анализируемой страницы.

  • 0-49: Плохо
  • 50-79: Требует улучшения
  • 80-100: хорошо

Таким образом, оценка 100/100 в Google PageSpeed ​​указывает на то, что ваш сайт загружается очень быстро, очевидно, что Google и пользователям понравятся сайты с быстрой загрузкой. Вы можете воспользоваться калькулятором подсчета очков Lighthouse, чтобы проверить различные параметры, необходимые для динамического повышения скорости.

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

Рейтинг и размер нашего веб-сайта

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

Как получить оценку 100/100 в Google PageSpeed ​​Insights для сайта WordPress?

Оценка главной страницы

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

5 факторов, позволяющих получить оценку 100/100 в Google PageSpeed

Ниже приведены 5 основных факторов, которые мы подробно обсудим и которые мы считаем важными для получения оценки 100/100 в Google PageSpeed.

  1. Получите хорошую хостинговую компанию
  2. Нет рекламных кодов
  3. Использовать легкую тему
  4. Удалить тяжелые плагины
  5. Используйте плагин кеширования

Некоторые другие факторы, такие как очистка БД и CDN, также могут помочь в зависимости от вашей ситуации. Мы также рассмотрим эти аспекты.

1 Хороший хостинг

Мы запустили этот сайт на Weebly и перешли на WordPress с Bluehost. Позже мы переместили сайт на план SiteGround GoGeek, а затем в мае 2016 года на SiteGround Cloud VPS. С того времени не было пути назад или тратить время на вопросы, связанные с хостингом.

Недавно SiteGround переместил свою инфраструктуру на платформу Google Cloud. Это очень помогает иметь стабильное время первого ответа от сервера. Мы даже не используем Cloudflare или какой-либо другой CDN, чтобы получить оценку 100/100 в Google PageSpeed. Речь идет о хорошем хостинге, который вы используете для своего сайта. Поэтому обязательно приобретите тарифный план премиум-класса, например SiteGround Cloud VPS или аналогичный. Это поможет сэкономить много времени и сосредоточиться на других аспектах работы веб-сайта.

2 Никаких рекламных кодов

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

Мы используем Google AdSense, и это наш основной источник дохода для работы этого веб-сайта. Мы объяснили проблемы с AdSense и скоростью страницы в нашей статье – AdSense против скорости страницы ирония. Страница, которую мы протестировали в PageSpeed, является домашней страницей этого сайта. Причина, по которой мы получаем оценку 100/100, заключается в том, что мы не используем код AdSense на главной странице. Однако автоматическая реклама доступна на всем сайте. Когда мы проверили страницу после проверки показателя PageSpeed, мы обнаружили, что внизу страницы было одно объявление. Страница загружается быстрее, и внизу появляется одно объявление.

Позвольте нам показать вам результат случайной страницы с 5 объявлениями AdSense на этом сайте. Как видите, оценка находится в диапазоне 55/90. Это падение на 45/10% на мобильных и настольных компьютерах.

Как получить оценку 100/100 в Google PageSpeed ​​Insights для сайта WordPress?

Мобильная скорость случайной страницы

Как получить оценку 100/100 в Google PageSpeed ​​Insights для сайта WordPress?

Скорость случайной страницы на рабочем столе

Если вы решили использовать AdSense или другие подобные рекламные программы, забудьте о скорости страницы. Google PageSpeed ​​покажет вам множество проблем, связанных с загрузкой сторонних скриптов на ваш сайт. К сожалению, вы не сможете решить эти проблемы, не удалив код рекламного скрипта.

Как получить оценку 100/100 в Google PageSpeed ​​Insights для сайта WordPress?

Влияние AdSense на скорость

3 Используйте облегченную тему.

Мы использовали тему Highend 4 года. Это очень хорошая тема со встроенными функциями. К сожалению, мы не использовали 90% функций, таких как карты, часто задаваемые вопросы, отзывы и т.д. Однако тема загружает ресурсы CSS и JS, необходимые для всех этих функций, независимо от того, используете ли вы на странице или нет. Это бессмысленно, как владеть большим дворцом, но при этом жить в маленькой хижине за пределами дворца.

К сожалению, переключить тему было непросто из-за тесной интеграции темы Highend по всему сайту. Например, тема Highend имеет возможность интегрировать Google Analytics с помощью параметров темы. Итак, мы потратили много времени, чтобы найти замену теме, которая минимальна по своей природе, но предлагает базовые функции без плагинов.

К счастью, очень немногие темы соответствовали нашим критериям. Если быть точным, мы выбрали темы GeneratePress и Astra, а позже решили приобрести GeneratePress. После шести месяцев работы по миграции мы изменили тему в июне 2020 года, и рейтинг PageSpeed ​​увеличился как минимум на 30% (с рекламой AdSense).

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

4 Удалите тяжелые плагины.

Подобно теме, есть тяжелые плагины, которые снижают скорость страницы. Раньше на этом сайте мы использовали плагины WPBakery Page Builder, WooCommerce и WP Review. Теперь мы переместили все эти плагины вместе с темой Highend в подкаталог. Это вызвало у нас большие потери трафика вместе с обновлениями алгоритма Google в мае 2020 года. Однако мы должны двигаться дальше, увеличив скорость примерно на 30%.

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

  • Мы преобразовали макет WPBakery Page Builder и использовали по умолчанию Gutenberg для создания нашей домашней страницы. Даже GeneratePress предлагает макеты Elementor и собственный конструктор мини-страниц, однако вы наверняка можете создать достойные макеты с полноширинными заголовками jumbotron и героями, используя блок Gutenberg Group.
  • Избегайте раздутых плагинов, таких как WP Review – он по-прежнему использует font awesome 4.7 по цене 97 долларов (лицензия на 3 сайта). Совершенно нелепо загружать версию 4.7 на каждую страницу, когда версия 6 находится в стадии запуска. Помните, что мы говорим о 2000 страницах, из которых только 70 страниц используют шаблон обзора из плагина. Это своего рода компромисс, о котором вы должны подумать, прежде чем устанавливать какой-либо плагин на свой сайт.
  • WooCommerce – еще один плагин, который убьет ваш сайт, добавив административные вызовы AJAX для корзины. Опять же, 50 продуктов против 2000 сообщений – не лучший способ удержать их вместе как с точки зрения трафика, так и с точки зрения доходов.

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

5 Используйте плагин кеширования.

Мы пользуемся WP Rocket более года. Лучшая часть плагина – это то, что он генерирует критический CSS для каждого типа сообщений на вашем сайте. Наряду с кешированием и предварительной загрузкой критический CSS повысит скорость вашего сайта до максимума. Обратите внимание, что мы также использовали тему WP Rocket on Highend с WooCommerce и другими тяжелыми плагинами, как описано выше. Однако в Google PageSpeed ​​результат был 30/60.

Итак, вывод таков: плагин кеширования лучше всего работает с лучшей закодированной темой / плагинами. В противном случае у вас получится неправильная комбинация без значительного увеличения скорости. Обратите внимание: SiteGround предлагает кеширование сервера по умолчанию с помощью плагина SG Optimizer. Однако у нас это не работает даже с простой темой GeneratePress. Поскольку мы хотим, чтобы кеширование не зависело от хостинга, лучшим вариантом для нас был WP Rocket или аналогичный плагин. Ниже приведены кеширование и другие функции, которые вы получите с WP Rocket:

  • Кеширование браузера, сжатие GZIP, удаление строки запроса и оптимизация шрифтов Google.
  • Отключите встраивание, смайлики и API контрольного пульса.
  • Критическое создание CSS для каждого типа сообщений с предварительной загрузкой URL-адресов на основе вашего XML Sitemap.
  • Разместите jQuery Migrate, Google Analytics и Facebook Pixels для повышения скорости.
  • Комбинируйте и уменьшайте CSS и JS.
  • Очистите избыточные записи базы данных, такие как переходные процессы, исправления и автосохранения.
  • Ленивая загрузка изображений, видео и фреймов.
  • Отдельный кеш для мобильных и настольных компьютеров, если нужно.

Вы также можете приобрести CDN и использовать плагин для оптимизации изображений за дополнительную плату (мы не используем эти функции).

Прочие факторы

Что ж, повсюду в Интернете вы найдете слово «CDN», когда говорите о скорости сайта WordPress. SiteGround также предлагает бесплатную интеграцию CDN с Cloudflare. Если у вас нет целевой аудитории в заблокированных в Интернете странах, таких как Китай, мы не думаем, что CDN действительно может значительно увеличьте скорость. Для такого сайта, как наш, это поможет быстрее обслуживать статические файлы, такие как большие изображения. Однако SiteGround представил инструменты сайта (заменяющие cPanel ), которые автоматически генерируют изображения WebP с помощью своего плагина SG Optimizer. Мы все еще не используем с этой функцией вы можете использовать любой плагин WebP для предоставления облегченных изображений поддерживаемым браузерам вместо формата PNG / JPEG.

Еще один фактор – очистка вашей базы данных и сайта. Как уже упоминалось, WP Rocket предлагает опцию очистки БД, которую вы можете периодически планировать. Однако мы говорим не об этом.

  • Вы знаете, что плагин WooCommerce добавит 25+ таблиц в вашу базу данных? Как мы объяснили здесь, установка WordPress по умолчанию будет иметь только 12 таблиц для одного сайта. Мы потратили много времени на перенос заказов, продуктов и файлов WooCommerce. Нам также нужно удалить эскизы WooCommerce, чтобы очистить место для хранения. Узнайте больше о том, как полностью удалить WooCommerce со своего сайта.
  • Плагин WP Review Pro добавит ~ 25 настраиваемых полей к каждому отдельному посту, который вы создаете. Все это приведет к раздуванию таблицы postmeta. Он также создаст 2 дополнительных эскиза для каждого загружаемого вами изображения.
  • WP Bakery и многие другие плагины будут иметь CSS, JS и другие ресурсы в отдельном каталоге в папке загрузок. Эти скрипты замедлят работу вашего сайта, загружаясь на всех страницах.
  • Тема Highend будет генерировать ~ 10 миниатюр (это зависит от размера и параметров изображения) для каждого загружаемого вами изображения.

Теперь, когда простое изменение темы на GeneratePress и перенос тяжелых плагинов в подкаталог никоим образом не поможет навести порядок в текущем беспорядке. Если вы меняете тему или удаляете плагины, обязательно удалите все следы, которые они оставляют в таблицах wp_postmeta и wp_options. Это поможет увеличить скорость загрузки страницы за счет сокращения времени выполнения запроса к базе данных.

Заключительные слова

Мы специально написали эту статью таким образом, что НЕ следует делать, чтобы получить оценку 100/100 в инструменте Google PageSpeed ​​Insights. Это для тех блоггеров, которые занимаются блоггингом и пытаются увеличить скорость. Однако, если вы новый блоггер, это должно дать вам четкое представление о влиянии выбора таких опций, как AdSense и тяжелых тем с компоновщиками страниц. Как гласит одна популярная пословица: «Простота – это высшая изощренность», выбор того, что вам нужно, поможет вам получить высокий балл, а также сэкономит много времени.

Источник записи: www.webnots.com
Leave A Reply

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