Какая тема WordPress показала лучшие результаты в тесте скорости Google «Core Web Vitals»?

Google объявил о своем новом тесте Core Web Vitals в середине 2020 года:

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

Ранее в этом месяце команда Chrome анонсировала Core Web Vitals, набор показателей, связанных со скоростью, отзывчивостью и визуальной стабильностью …

Мы представим новый сигнал , который сочетает в себе Core Web Vitals с нашими существующими сигналами для взаимодействия со страницей, чтобы предоставить целостную картину качества взаимодействия пользователя с веб-страницей.

К августу 2021 года Google выпустил обновление «Впечатления от страниц» (которое включает Core Web Vitals) для ранжирования мобильных устройств, а ранжирование настольных компьютеров появится к концу марта 2022 года:

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

Если вы занимаетесь SEO на своем веб-сайте WordPress, то это важно для вас так же, как когда Chrome начал помечать страницы без HTTPS красными предупреждениями еще в 2017 году.

Если, как и я, вы хотите опередить конкурентов и убедиться, что ваш веб-сайт WordPress совместим с Core Web Vitals , продолжайте читать. Я расскажу, что такое Core Web Vitals и какие темы WordPress помогут вам добиться наилучших результатов.

Примечание: скорость WordPress — это больше, чем выбор темы, но это лучшее место для начала, наряду с быстрым хостингом WordPress.

TL; DR — GeneratePress — самая быстрая тема WordPress в 2022 году, и в среднем она показала лучшие результаты в тестах Google Core Web Vitals в этом мини-исследовании.

Что такое Core Web Vitals?

Core Web Vitals — это набор основных показателей веб-сайта для оптимального взаимодействия с пользователем, созданный Google. Подмножество Web Vitals, Core Web Vitals, в настоящее время состоит из трех отдельных показателей:

• Крупнейшая отрисовка содержимого (LCP): измеряет производительность загрузки. Google утверждает, что это должно быть менее 2,5 секунд .
• Задержка первого ввода (FID): измеряет интерактивность. Google утверждает, что это должно быть менее 100 миллисекунд .
• Совокупный сдвиг макета (CLS): измеряет визуальную стабильность. Google утверждает, что это должно быть меньше 0,1 .

Как я могу измерить свой балл Core Web Vitals?

Вот все инструменты и методы, которые вы можете использовать для измерения и отслеживания показателей Core Web Vitals. Примеры тестов выполняются для поста в блоге Evernote (сайт WordPress, использующий тему Mokka, см. мой пост на известных сайтах WordPress).

У Google есть 3 собственных инструмента:

• PageSpeed ​​Insights — простой инструмент анализа скорости страницы. Любой может использовать его без входа в систему. Вы можете просматривать отдельные результаты для мобильных и настольных компьютеров.

• Отчет о пользовательском опыте Chrome — комбинация PageSpeed ​​Insights и реальных данных о просмотрах пользователей. Он доступен только тем, у кого есть учетная запись Google и Google Cloud Project.
• Search Console — вам необходимо войти в свою учетную запись GSC, чтобы получить доступ к отчету Core Web Vitals для ваших сайтов.

Есть также несколько сторонних инструментов, которые включают показатели Core Web Vitals:

• WebPageTest.org — бесплатный тест скорости веб-страницы, который выделяет скорости LCP и CLS. Он не показывает FID.

• Расширение Web Vitals для Chrome — бесплатное расширение для Chrome, которое вычисляет LCP, FID и CLS для страницы, на которой вы находитесь.

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

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

Если вы пытаетесь сделать свой веб-сайт WordPress удобным для Google, придерживайтесь собственных инструментов тестирования Google, чтобы определить, как ваш сайт работает в тестах Core Web Vitals — я рекомендую использовать Search Console или PageSpeed ​​Insights.

Как темы WordPress влияют на баллы Core Web Vitals?

Каждый веб-сайт WordPress использует тему. Для большинства из нас это стандартная тема, некоторые бесплатные, некоторые платные. Ваш сайт WordPress не привязан к какой-либо одной теме, и вы можете довольно легко переключаться между темами. Выбранная вами тема влияет на скорость загрузки ваших веб-страниц и, следовательно, на оценку вашего сайта в тесте Google Core Web Vitals.

5 популярных тем WordPress, которые мы тестируем

двадцать двадцать

Twenty Twenty — последняя официальная бесплатная тема WordPress. Используется в качестве основной темы на более чем 400 000 живых сайтов.

Диви

Divi — это премиальная тема WordPress, созданная Elegant Themes. В настоящее время Divi используется на более чем 1,6 миллионах веб-сайтов.

Конструктор тем Thrive

Thrive Theme Builder — это новая тема WordPress со встроенным компоновщиком страниц от Thrive Themes, команды разработчиков плагина Thrive Architect. Thrive Themes используется более чем на 125 000 живых сайтов.

GeneratePress

GeneratePress — это легкая тема WordPress с ограниченной бесплатной версией и полностью настраиваемой премиум-версией. GeneratePress используется на более чем 270 000 действующих веб-сайтов.

Гурман (Бытие)

Foodie — одна из самых популярных дочерних тем для Genesis, популярного фреймворка тем WordPress премиум-класса от StudioPress, который теперь является частью семейства WP Engine. Фреймворк Genesis используется на более чем 290 000 действующих веб-сайтов.

Методология

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

Для каждой из 5 выбранных нами тем мы будем использовать PageSpeed ​​Insights для тестирования 3 домашних страниц с реальных сайтов, использующих эту тему. Средний результат будет эталоном этой темы.

Вот сайты, которые мы протестировали:

Двадцать двадцать:

• новости.filepuma.com
• gsuniversity.girlscouts.org
• fromthiskitchentable.com

Диви:

• skillsurvey.com
• infinitydish.com
• pagefreezer.com

Thrive Theme Builder:

• risupress.com
• playguitar.com
• activegrowth.com

Генерация прессы:

• brandongaille.com
• LearningGuitarnow.com
• thegeekycyclist.com

Гурман:

• floronmyface.com
• veganinthefreezer.com
• Straightupfood.com/blog/

Каждая страница будет оцениваться по:

• Самая большая содержательная отрисовка ( LCP ), измеренная в секундах
• Задержка первого ввода ( FID ), измеренная в миллисекундах
• Совокупный сдвиг макета ( CLS )

LCP будет измеряться только на мобильных устройствах , так как удобство использования мобильных устройств важно для SEO (мобильное индексирование в первую очередь) и удобства использования (около 50% всего трафика веб-сайта поступает с мобильных устройств).

Полученные результаты

Удивительно, но только 2 из 15 протестированных сайтов прошли тест мобильного LCP (должно быть 2,5 секунды или меньше).

Для FID, который должен быть менее 100 миллисекунд, все было наоборот, и тест прошли 13 из 15 страниц .

CLS, который должен быть меньше 0,1, прошел 10 из 15 протестированных сайтов .

А как насчет тем WordPress, повлияли ли они на результаты?

Лучшей темой WordPress для прохождения тестов Core Web Vitals в среднем была GeneratePress. Это меня не удивляет, так как GeneratePress также занял первое место в наших самых быстрых тестах темы WordPress.

Thrive Theme Builder показал худшие результаты в целом. Только 2 сайта, которые прошли все тесты Core Web Vitals, использовали темы Foodie и Twenty Twenty.

Вывод

Это был очень небольшой тест случайно выбранных веб-сайтов, поэтому результаты никоим образом не являются статистически значимыми . Есть также много других факторов, влияющих на скорость WordPress. Как видно из результатов, одна и та же тема WordPress (Foodie) использовалась как на самых быстрых, так и на самых медленных протестированных сайтах. Могут быть и другие переменные , такие как плагины, сжатие изображений, кэширование или хостинг веб-сайтов, которые влияют на общую скорость.

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

Однако простой выбор быстрой темы WordPress не гарантирует вам быстрый веб-сайт .

Мне было любопытно, как мой веб-сайт (тот, на котором вы сейчас находитесь!) показал себя в тестах Google Core Web Vitals. Поскольку я уже использую GeneratePress с кэшированием и сжатием изображений, я ожидал, что он пройдет с честью…. на самом деле, мне тоже есть куда расти.

Я протестировал важную страницу на своем сайте с помощью PageSpeed ​​Insights, и, хотя первоначальная оценка кажется отличной ( 91/100 на мобильных устройствах), она не соответствует оценке LCP (3 секунды, на 0,5 секунды выше, чем контрольный показатель Google в 2,5 секунды).

На рабочем столе PageSpeed ​​Insights показал, что все страницы на моем веб-сайте проходят тест Core Web Vitals (эти данные взяты из данных Google от реальных пользователей на моем веб-сайте), но я все же хотел бы еще немного ускорить его. Мои поиски самого быстрого сайта на WordPress продолжаются!

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