12 простых способов ускорить ваш магазин WooCommerce

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

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

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

Увеличение скорости вашего магазина может положительно повлиять на SEO, улучшив пользовательский опыт. Фактически, веб-сайт, загрузка которого занимает более 3 секунд, покинут 40% покупателей. Задержка в 2 секунды увеличивает показатель отказов на 103%. А задержка даже в 100 миллисекунд снижает конверсию на 7%. Задержка загрузки может привести к потере дохода, особенно в часы пик, такие как Киберпонедельник и Черная пятница.

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

1. Проверьте текущую скорость вашего сайта

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

Если вам нужен простой подход к тестированию скорости веб-страницы, попробуйте WebPageTest.

Google PageSpeed ​​Insights анализирует содержимое страницы и предлагает рекомендации по ее ускорению.

Оба этих сайта предлагают более сложные показатели и аналитику. У Google есть инструменты PageSpeed ​​Tools, которые включают в себя протоколы и стандарты, а также передовые методы повышения производительности, а WebPageTest имеет инструмент для захвата визуального опыта вашего пользователя.

2. Убедитесь, что у вас быстрая тема

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

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

Убедитесь, что ваша тема полностью совместима с WooCommerce и настроена для электронной коммерции.

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

3. Оцените существующие плагины, виджеты и внешние ресурсы

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

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

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

Чтобы ускорить работу вашего магазина WooCommerce, рассмотрите возможность замены виджетов социальными сетями простыми кнопками «Поделиться». Эти кнопки общего доступа предотвращают добавление дополнительных HTTP-запросов и ограничивают внутреннюю зависимость от DNS-запросов.

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

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

4. Используйте сниппеты: отличный способ сделать ваш магазин WooCommerce быстрее

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

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

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

5. Проверьте плагины Little Bizzy

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

6. Взгляните на WP Disable

Optimization.io предлагает WP Disable , опцию плагина, которая дает вам большую гибкость, но при этом проста в использовании. При установке плагина в ваше меню администратора добавляется ссылка Optimization.io, которая ведет прямо в область модификации.

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

Давайте рассмотрим несколько примеров на вкладке « Запросы » в разделе « Удалить избыточное раздувание ».

7. «Очистите» свой магазин

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

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

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

8. Отключите ненужные элементы

смайлики

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

Строки запроса

Если вы когда-либо запускали тест производительности GTMetrix или Pingdom в своем магазине, возможно, вы видели предложение «удалить строки запроса из статических ресурсов». Это связано с тем, что некоторые серверы и прокси-серверы не могут кэшировать строки запросов, и их удаление может ускорить работу вашего магазина WooCommerce.

9. Размещайте партнерские объявления и продукты

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

10. Сжимайте изображения

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

Изображения — это место, где плагины могут помочь, однако по возможности избегайте плагинов сжатия изображений. WordPress предлагает ссылку на плагин, который будет сжимать JPG и PNG, а с помощью одного ключа API вы можете получить до 100 бесплатных сжатий изображений в месяц.

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

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

11. Используйте предварительную выборку DNS

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

12. Выберите параметры платформы, которые сделают ваш магазин WooCommerce быстрее

Все настройки, которые мы только что обсудили, могут сделать ваш магазин WooCommerce быстрее, но как насчет самой WooCommerce?

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

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

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

Мы можем позаботиться об этом для вас!

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

Этот блог был первоначально опубликован в марте 2018 года. С тех пор он был обновлен для обеспечения точности и полноты.

Связанный контент

• Руководство по классам, зонам и методам доставки WooCommerce
• Элементы успешной домашней страницы электронной коммерции
• 7 способов опередить брошенную корзину
• Как создать стратегию настройки производительности WordPress