Четыре вещи, которые вы можете сделать, чтобы оптимизировать скорость магазина электронной коммерции

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

В отчете Akamai о состоянии розничной онлайн-торговли отмечается:

• Для пиковых конверсий сайты магазинов должны загружаться менее чем за 2,7 секунды и ближе к 1,8 секундам.
• Для самых низких показателей отказов на сайтах электронной коммерции страницы должны загружаться от 700 мс до 1,2 секунды.
• Двухсекундная задержка на сайтах электронной коммерции сократила продолжительность сеанса (количество просмотров) на 51%.

В отчете Salesforce Commerce Cloud Shopping отмечается, что 100-миллисекундная задержка во времени загрузки снижает коэффициент конверсии до 7%.

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

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

1. Делайте отличные снимки, но сжимайте их

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

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

Существует множество решений, которые помогут вам оптимизировать фотографии перед их загрузкой в ​​магазин. Здесь только несколько:

• EWWW Image Optimizer — работает на ваших сайтах WordPress
• TinyPNG — сервис онлайн-оптимизации с плагином для WordPress.
• imgix — еще одно онлайн-решение с плагином для WordPress.
• ImageOptim — решение для Mac или онлайн
• Kraken.io — онлайн-решение, которое позволяет вам сказать: «Выпустите…», и вы его получите
• Compressor.io — онлайн-решение
• Imagify — еще одно решение с множеством опций и интеграцией с WordPress.
• Optimus.io — онлайн-сервис специально для WordPress

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

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

Только вы будете знать, стоит ли компромисс скорости.

2. Решите свои проблемы с поиском с помощью Algolia

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

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

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

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

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

Сегодня существует Algolia, и она предоставляет внешние серверы для индексации магазина — для Shopify, Magento или WooCommerce. Как только вы подключите его к своему магазину, он мгновенно предоставит результаты любого поиска, предоставляя функции автозаполнения, чтобы пользователи могли видеть частичные результаты, даже когда они вводят свои условия поиска.

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

Просто нет веских причин не использовать Algolia.

3. Не позволяйте вашему магазину делать какие-либо отчеты

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

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

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

Но большинство владельцев магазинов хотят гораздо большего. Они хотят знать:

• Какие продукты продаются лучше, чем обычно?
• Какие постоянные клиенты приносят прибыль выше средней?
• Какие каналы приводят к большему количеству повторных покупателей?

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

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

Вот почему мы рекомендуем использовать другую платформу для анализа и отчетности.

Вы можете рассмотреть более крупные системы, такие как Custora или Zaius , или просто попробовать Heap Analytics . Конечно, наш фаворит — Glew .

4. Максимально используйте кэширование и CDN

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

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

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

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

Итак, как вы можете это сделать?

Вы используете такой сервис, как Cloudflare, который позволяет вам создавать правила исключения для кэширования, чтобы вы могли убедиться, что страницы /cart, /checkout и /my-account никогда не кэшируются.

Вы также можете использовать (если вы находитесь в их бизнес-плане) функцию под названием «Обойти кеширование файлов cookie». Это позволяет вашему магазину заметить, есть ли у возвращающегося посетителя файл cookie, который может указать Cloudflare не доставлять им кешированный контент.

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

Знаете ли вы, что мы можем сделать все это для вас?

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

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

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