10 самых быстрых тем WooCommerce в 2022 году (на основе нашего всестороннего тестирования)

Магазин, зарабатывающий 30 000 долларов в месяц, может потерять 25 000 долларов дохода в год из-за задержки всего в одну секунду. Для более медленного магазина потери будут еще больше.

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

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

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

Сводка результатов

Вы можете просмотреть полные результаты тестов и узнать, как именно проводились тесты, далее в этой статье; тем не менее, вот краткий обзор, объясняющий, какие темы были самыми быстрыми.

Для тестов мы использовали Google PageSpeed ​​Insights (PSI) и Pingdom. Перед запуском тестов и после активации каждой темы веб-сайт обновлялся для подготовки внутреннего кеша каждой темы. И PSI, и Pingdom дают общую оценку производительности по 100-балльной шкале, а также более подробную информацию о производительности сайта.

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

На основе средней оценки производительности PSI для двух страниц (отдельный продукт и домашняя страница магазина) самыми эффективными темами, согласно PSI, были:

• Лучшая оценка производительности PSI для мобильных устройств: Shoptimizer (средняя оценка 93,5).
• Лучшая оценка производительности PSI для настольных ПК: Botiga (средняя оценка 92,5).
• Лучшая общая оценка производительности PSI для настольных и мобильных устройств: Shoptimizer (средняя оценка 86,25).

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

Задержка первого входа и общее время блокировки

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

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

По данным Google, если время блокировки задачи превышает 50 мс, «вероятно, пользователь заметит задержку и воспримет страницу как вялую или тормозную». TBT страницы — это сумма времени блокировки для каждой длительной задачи, которая происходит между первой проблемой контента (FCP) и временем до интерактивности (TTI).

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

Почти все протестированные темы имели хорошие оценки TBT для настольных компьютеров, но только GeneratePress, OceanWP и Storefront действительно хорошо справились с мобильными тестами TBT.

Глядя на все результаты, а не только на TBT, Shoptimizer был лучшим в целом, хотя его средний рейтинг производительности мобильных устройств PSI (79) был немного ниже, чем у некоторых других тем. В связи с этим вас может больше заинтересовать тема GeneratePress, поскольку она получила хорошие оценки как на мобильных устройствах, так и на настольных компьютерах (82,5 и 88,5 соответственно) при усреднении оценок как для отдельной страницы, так и для домашней страницы магазина.

По данным Statista, поскольку мировые продажи мобильной розничной электронной коммерции продолжают расти, подскочив с 2,9 млрд долларов в 2020 году до 3,5 млрд долларов в 2021 году, жизненно важно выбрать тему, которая будет быстрой как для настольных, так и для мобильных пользователей. Исходя из этого, GeneratePress — лучший вариант из коробки, согласно тестам PSI.

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

Какая самая быстрая тема WooCommerce в 2022 году?

Поскольку темы были протестированы по ряду критериев от Pingdom и PSI, непросто выбрать явного победителя в том, какая тема WooCommerce будет самой быстрой в 2022 году.

Тем не менее, темы, которые показали лучшие результаты во всех тестах, были Boitga, GeneratePress и Shoptimizer.

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

Самые быстрые темы WooCommerce

Вот подробная информация о самых быстрых темах для WooCommerce, перечисленных в алфавитном порядке.

Астра

Astra доступна в бесплатной и платной версиях и представляет собой полностью настраиваемую тему WordPress.

Существует множество хорошо продуманных шаблонов на выбор при настройке вашего магазина. Возможность редактировать шаблоны Astra с помощью Beaver Builder, Brizy, Elementor и редактора блоков WordPress дает вам большую свободу творчества.

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

Ключевая особенность

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

Результаты испытаний Астры

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

Ботига

Botiga — еще один WooCommerce, доступный в бесплатной и платной версиях.

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

Ключевая особенность

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

Результаты испытаний Ботиги

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

Диви

Divi — флагманская тема WordPress от Elegant Themes. Он поставляется с огромным количеством привлекательных пакетов веб-сайтов и отдельных шаблонов, включая множество вариантов электронной коммерции.

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

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

Ключевая особенность

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

Результаты теста Диви

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

GeneratePress

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

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

Ключевая особенность

• Несколько демонстраций веб-сайта магазина электронной коммерции.
• Инструмент для создания тем на основе блоков.
• Параметры заголовка только для мобильных устройств.

Результаты теста GeneratePress

GeneratePress оказалась самой эффективной из протестированных тем WooCommerce благодаря высоким баллам в оценках производительности PSI для мобильных и настольных компьютеров. Он также хорошо показал себя в тестах Pingdom.

Каденс

Kadence — еще одна бесплатная тема, которую можно улучшить, установив надстройки премиум-класса.

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

Ключевая особенность

• Выбор полностью редактируемых шаблонов верхнего и нижнего колонтитула.
• Глобальные настройки упрощают настройку вашего магазина и сохраняют единообразный внешний вид.
• Совместим как с Beaver Builder, так и с Elementor.

Результаты теста Каденс

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

Неве

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

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

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

Ключевая особенность

• Множество функций для магазинов WooCommerce.
• Работает с ведущими сторонними конструкторами страниц.
• Более 100 редактируемых стартовых сайтов, включая множество вариантов электронной коммерции.

Результаты теста Неве

Neve была одной из самых быстрых протестированных тем. Тем не менее, в некоторых мобильных тестах PSI он немного отстал от самых быстрых тем в этом сравнении.

OceanWP

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

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

Ключевая особенность

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

Результаты испытаний OceanWP

По данным Pingdom, у OceanWP были самые большие размеры страниц и наибольшее количество запросов, и из-за этого время загрузки было одним из самых медленных. Мобильные результаты PSI также были одними из худших. Однако производительность рабочего стола в PSI была в порядке.

Магазиноптимизатор

Shoptimizer — это тема, ориентированная на WooCommerce, которая была создана с учетом скорости и конверсии.

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

Ключевая особенность

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

Результаты тестирования Shoptimizer

Shoptimizer имеет лучшую среднюю оценку производительности PSI для настольных компьютеров, а также высокую оценку производительности для мобильных устройств. Результаты Pingdom также были впечатляющими.

Магазин

Storefront — это официальная тема WooCommerce, которую можно использовать бесплатно.

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

Ключевая особенность

• Минималистичный дизайн для лаконичного UX.
• Библиотека дочерних тем для быстрого преобразования внешнего вида вашего магазина.
• Создан и поддерживается командой, ответственной за WooCommerce.

Результаты тестирования витрины

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

Вустифицировать

Woostify — еще одна бесплатная тема WooCommerce, которую можно улучшить с помощью платных надстроек.

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

Ключевая особенность

• Бесплатные и платные стартовые сайты, которые можно редактировать с помощью Elementor.
• Платные надстройки, включающие функции WooCommerce и дополнительные параметры настройки.
• Несколько страниц продукта, макет листинга и шаблоны заголовков.

Результаты теста Woostify

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

О тестах

Для тестов была создана новая установка на веб-сайте WordPress, размещенном на SiteGround. WooCommerce был установлен на сайте и импортирован образец данных магазина для плагина.

Затем производительность отдельной страницы продукта и домашней страницы магазина была протестирована в Pingdom и Google PageSpeed ​​Insights. То же место для тестирования, которое было ближайшим к месту размещения сайта, было выбрано в Pingdom.

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

Основные веб-жизненные показатели

Core Web Vitals (CWV) — это набор тестов, которые Google использует для оценки общей производительности страницы. Страницы могут быть оценены как хорошие, требующие улучшения и плохие. Чтобы страница прошла тест CWV и получила хороший рейтинг, показатель производительности должен находиться в диапазоне от 90 до 100.

Оценка CWV основана на результатах тестов «Наибольшая отрисовка содержимого» (LCP), «Задержка первого ввода» (FID) и «Совокупное смещение макета» (CLS). Чтобы пройти тест CWV, страница должна получить хорошие оценки по всем трем компонентам.

Вообще говоря, эти тесты смотрят не только на скорость страницы, но и на то, насколько она отзывчива и визуально стабильна.

Источник: https://web.dev/vitals-business-impact/

В этой статье вы можете найти оценки LCP и CLS для протестированных тем. Как уже упоминалось, FID недоступен в лабораторных тестах PSI, но TBT тесно связан с FID.

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

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

Резюме

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

Большинство этих тем показали себя хорошо, с хорошими оценками производительности и другими показателями. Тем не менее, некоторые из них выделялись среди конкурентов, особенно хорошо себя зарекомендовали Botiga, GeneratePress, Neve и Shoptimizer.

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

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

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