7 лучших тем WordPress для хороших основных веб-показателей (рейтинг 2023)

В репозитории WordPress доступно более 10 500 бесплатных тем.

И число продолжает расти день ото дня.

Так как же определить лучших? Вы должны протестировать каждую тему, которая вам нравится, и сравнить все показатели производительности, оценки и миллисекунды?

Давайте будем честными — это не похоже на задачу, на выполнение которой вы хотите потратить весь день.

Тем более, что мы сделали это для вас!

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

Как мы тестировали лучшие темы WordPress для хороших основных веб-жизненных показателей

Примечание. Лучший способ приблизить производительность темы в реальном мире без генерации трафика — полагаться на лабораторные данные Core Web Vitals. Наш опыт показывает, что темы, прошедшие LCP, CLS и TBT в лаборатории, имеют больше шансов воспроизвести такие же хорошие результаты в полевых условиях.

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

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

• Установите и активируйте тему на пустой установке WordPress.
• Оставьте тему как есть — без добавления контента, меню, страниц, постов или плагинов.
• Запустите веб-сайт с темой через Google PageSpeed ​​Insights.
• Запустите тему через GTmetrix.
• Запустите тему через Pingdom Speed ​​Test.
• Соберите все результаты и сравните их.

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

В каждом инструменте мы решили отслеживать определенные показатели:

Статистика PageSpeed

Google PageSpeed ​​Insights (PSI) — это инструмент для тестирования темы на скорость и Core Web Vitals. Учитывая, что у нас не было реального трафика, мы сосредоточились на показателе производительности и его показателях как для мобильных устройств, так и для компьютеров.

Вот показатели, на которых мы сосредоточились:

• Оценка производительности . Это значение из 100, основанное на следующих показателях: LCP, CLS, индекс скорости, TBT и FCP. Каждая метрика имеет разный вес.
• Первая содержательная краска. FCP — это время, необходимое браузеру для визуализации первой части содержимого DOM.
• Самая большая содержательная краска. LCP измеряет, сколько времени требуется для загрузки на странице самого большого элемента в верхней части страницы.
• Индекс скорости . Он показывает, насколько быстро содержимое страницы визуально заполняется. Ниже - лучше.
• Общее время блокировки. Он показывает, насколько не отвечает страница, прежде чем она станет полностью интерактивной.
• Совокупный сдвиг макета. CLS измеряет, насколько неожиданные изменения макета влияют на взаимодействие пользователей со страницей.

GTmetrix

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

Метрики, на которые мы ориентировались, были:

• Оценка GTmetrix. Это взвешенная оценка баллов как за производительность, так и за структуру.
• Оценка производительности. Это показатель производительности Lighthouse, полученный GTmetrix, с его пользовательскими аудитами, параметрами анализа, спецификациями браузера и оборудования.
• Оценка структуры . Это собственная оценка аудитов Lighthouse и Custom GTmetrix. Он показывает, насколько хорошо тема/страница построена для оптимальной производительности.
• Веб-виталы. Показатели Core Web Vitals, основанные на лабораторных исследованиях, которые определяют, обеспечивает ли тема/страница отличное общее впечатление.
• Время загрузки. Сколько времени требуется для полной загрузки веб-страницы.

Пингдом

Хотя Pingdom имеет сходство с GTmetrix, мы предпочитаем использовать оба инструмента одновременно, поскольку они предоставляют разные показатели. Кроме того, Pingdom предлагает простой способ протестировать веб-страницу из разных мест.

Все темы были протестированы из Северной Америки - США - Вашингтон, округ Колумбия.

Показатели, которые мы отслеживали:

• Оценка эффективности Это совокупная оценка из 100.
• Время загрузки. Количество времени, которое требуется Pingdom для загрузки всего веб-сайта с установленной темой.
• Размер страницы. Размер всех файлов сайта на странице. Тема имеет огромное влияние на этот.
• Запросы. Количество запросов к серверу для доставки темы и содержимого сайта пользователю.

Краткий обзор самых эффективных тем WordPress

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

Примечание. Следующий рейтинг основан на результатах Pingdom и, в частности, на размере страницы и времени загрузки. Далее в статье мы рассмотрим каждую тему и ее результаты CWV.

1. Двадцать двадцать три —размер страницы:26,3 КБ;Время загрузки:520 мс
2. Привет Elementor —Размер страницы: 32,7 КБ;Время загрузки:520 мс
3. GeneratePress —размер страницы: 37,7 КБ;Время загрузки:538 мс
4. Неве —Размер страницы: 42,4 КБ;Время загрузки:552 мс
5. Сидней —размер страницы: 48,1 КБ;Время загрузки:560 мс
6. Астра —Размер страницы: 48,5 КБ;Время загрузки:619 мс
7. Каденс —Размер страницы: 54,8 КБ;Время загрузки:628 мс

Лучшие темы WordPress для прохождения Core Web Vitals в 2023 году

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

1. Twenty Twenty-Three — Лучшие друзья с Гутенбергом

Тема Twenty Twenty-Three по умолчанию была разработана с использованием новейших инструментов дизайна, представленных в WordPress 6.1.

Тема использует простую и лаконичную основу и предоставляет десять различных вариантов стиля, предоставленных сообществом WordPress.

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

Что поражает в последней теме WordPress по умолчанию, так это ее простота и легкость. Twenty Twenty-Three является гибким и идеально подходит для функций редактирования сайта Gutenberg, таких как редактирование шаблонов, вариации стиля, типографика и шаблоны блоков.

Цена: Бесплатно

Активные установки: 800 000+

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

Подходит для: тестовой среды и создания различных веб-сайтов.

Что показали наши тесты

Twenty Twenty-Three добились замечательных результатов во всех трех тестах. Что еще более важно, его лабораторные показатели Core Web Vitals были в зеленой зоне, что является необходимым условием для отличной производительности в реальных условиях.

В PSI он показал отличные результаты на мобильных и настольных компьютерах, набрав 100/100 в обоих тестах. Он также получил оценку A в GTmetrix (оценка производительности 98%, оценка структуры 100%) со временем загрузки 1,4 с.

Наши тесты Pingdom подтвердили «легкий» ярлык Twenty Twenty-Three. Эта тема с размером страницы всего 26,3 КБ стала явным победителем среди всех протестированных нами.

2. Hello Elementor — электронная коммерция

Elementor используется 8,0% всех веб-сайтов, что неудивительно, учитывая, насколько легко создать веб-страницу. Что ж, те же разработчики, которые создали один из самых популярных конструкторов страниц, создали быструю и легкую тему под названием Hello Elementor.

Тема рекламируется как быстрая и гибкая. Как и следовало ожидать, он легко интегрируется с Elementor и множеством других плагинов, таких как WooCommerce, Advanced Custom Fields, Yoast и другие.

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

Цена: Бесплатно

Активные установки: 1+ миллион

Лучшие характеристики: легкий вес, более 100 готовых дизайнов, настраиваемый

Подходит для: Создание сайта с нуля

Что показали наши тесты

Как и Twenty Twenty Three, Hello Elementor показал отличные результаты CWV как на ПК, так и на мобильных устройствах.

Он отлично зарекомендовал себя на GTmetrix и Pingdom. Фактически, наши тесты Pingdom поставили ее на второе место среди самых легких тем со временем загрузки 520 мс, таким же, как у темы WordPress по умолчанию.

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

3. GeneratePress — блочный

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

Использование Gutenberg гарантирует вам свободу при создании контента. Если вы используете конструкторы страниц, вам будет приятно узнать, что GeneratePress полностью совместим со всеми основными, включая Beaver Builder и Elementor.

GeneratePress полностью адаптивен и переведен более чем на 25 языков. Кроме того, он включает в себя более 60 элементов управления цветом, мощную динамическую типографику, 5 мест навигации, 5 макетов боковой панели, раскрывающиеся меню и 9 областей виджетов.

Цена: бесплатно; 59 долларов в год, 249 долларов за всю жизнь

Активные установки: 500 000+

Лучшие функции: ориентированный на скорость, отзывчивый, совместимый с компоновщиками страниц

Подходит для: всех видов веб-сайтов

Что показали наши тесты

При поиске тем наше внимание привлекло заявление GeneratePress «100% результатов страницы». Поэтому нам не терпелось проверить это.

Мы можем сказать, что GeneratePress говорил о разговоре и шел пешком. Он получил почти идеальные оценки производительности во всех трех тестах:

Когда дело дошло до размера страницы, мы были удивлены результатами. При запуске нашего веб-сайта через Pingdom размер страницы составил 37,7 КБ, что немного отличается от «7,5 КБ», которые они обещают на своем веб-сайте.

4. Неве — универсальный

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

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

Neve также совместим с Gutenberg и популярными конструкторами страниц, такими как Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin и Divi.

Цена: бесплатно; 69 долларов в год; 149 долларов в год; 249 долларов в год

Активные установки: 300 000+

Лучшие функции: отзывчивый, SEO-оптимизированный, минималистичный дизайн.

Подходит для: Широкий спектр целей и сайтов

Что показали наши тесты

Что касается Core Web Vitals и показателей производительности, Neve не уступает предыдущим вариантам.

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

Одним из преимуществ Neve является то, что он использует ванильный JS, а не такой фреймворк, как JQuery. Это способствует повышению производительности и делает веб-сайт более отзывчивым.

5. Сидней — фрилансерам это нравится

Sydney — это надежная тема, которая позволяет компаниям или фрилансерам быстро заявить о себе в Интернете.

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

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

Цена: бесплатно; 69 долларов в год, 99 долларов в год; $199/пожизненно

Активные установки: 100 000+

Лучшие функции: доступ к Google Fonts, управление цветом

Подходит для: бизнес-сайтов

Что показали наши тесты

После завершения новой установки Sydney мы проверили производительность темы.

Результаты:

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

С точки зрения скорости и Core Web Vitals, Sydney занимает такое же место, как и другие темы. Однако общий размер страницы в два раза больше (48,1 КБ), чем у Twenty Twenty Three.

6. Астра - Всем известная, всеми любимая

Astra — самая популярная тема WordPress. Он быстрый, полностью настраиваемый и визуально привлекательный, что делает его подходящим выбором для различных целей, таких как ведение блогов, личные портфолио, бизнес-сайты и витрины магазинов WooCommerce.

Astra также спроектирована так, чтобы быть легкой, с размером внешнего интерфейса менее 50 КБ, что способствует его беспрецедентной скорости. Тема создана с учетом SEO, интегрируя код Schema.org и поддержку Native AMP для повышения видимости вашего сайта в поисковых системах.

Кроме того, Astra предлагает уникальные функции и шаблоны, совместимые с популярными компоновщиками страниц, такими как Elementor, Beaver Builder, Visual Composer, SiteOrigin и Divi, что обеспечивает беспрепятственную интеграцию с предпочитаемым компоновщиком страниц.

Цена: бесплатно; 47 долларов в год, 137 долларов в год; 187 долларов в год; доступны пожизненные варианты

Активные установки: 1+ миллион

Лучшие функции: готовые веб-сайты, несколько настраиваемых параметров, быстрый

Подходит для: любого веб-сайта

Что показали наши тесты

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

Кроме того, было удивительно, что на GTmetrix он получил только 85% производительности. Тем не менее, все остальные показатели были аналогичны лидерам нашего рейтинга.

7. Каденс — сдержанная фаворитка

Kadence — это легкая тема WordPress, но с множеством функций, позволяющая с легкостью создавать красивые, быстро загружаемые и доступные веб-сайты.

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

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

Цена: бесплатно; 129 долларов в первый год, 199 долларов в первый год

Активные установки: 200 000+

Лучшие функции: интуитивно понятное перетаскивание, начальные шаблоны, производительность

Подходит для: всех видов веб-сайтов

Что показали наши тесты

Kadence имеет размер страницы по умолчанию 54,8 КБ. Несмотря на то, что он является самым большим в группе, ему все же удалось преуспеть в обоих тестах PSI и получить пятерку на GTmetrix.

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

Какую тему мне установить?

Все они.

Да, вы правильно прочитали.

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

Гораздо быстрее и проще самостоятельно пройти через семь тем, чем перегружать вас огромным списком из 50+ тем.

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

И мы делаем упор на основу.

В нашем исследовании мы тестировали темы без добавления какого-либо контента или плагинов поверх них.

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

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

Как еще больше улучшить свои основные веб-жизненные показатели [контрольный список]

Создание оптимизированной по скорости темы даст вам преимущество в вашем путешествии по Core Web Vitals.

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

Вот почему мы подготовили краткий контрольный список передовых практик, которым вы можете следовать, чтобы оптимизировать каждую метрику CWV:

1. Самая большая содержательная краска (LCP)

• Используйте облегченную тему
• Не засоряйте сайт ненужными плагинами.
• Сжимайте изображения
• Подавайте изображения в форматах нового поколения
• Предварительно загрузите свои главные изображения
• Минимизируйте и сжимайте файлы кода
• Внедрить критический CSS
• Используйте CDN
• Установите плагин кэширования

2. Задержка первого ввода (FID)

• Задержите или удалите некритические сторонние скрипты
• Минимизируйте и сжимайте файлы кода
• Уменьшить неиспользуемый CSS
• Отложить неиспользуемый JavaScript

3. Совокупное смещение макета (CLS)

• Добавьте атрибуты ширины и высоты к изображениям и видео
• Зарезервируйте место для рекламы, встраивания и iFrames
• Оптимизация доставки шрифтов

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

Все, что вам нужно сделать, это оптимизировать одну вещь за раз.

Или…

Передайте свои Core Web Vitals на автопилоте с NitroPack →