Как улучшить производительность сайтов электронной коммерции

Sep 13, 2025
Инструкции

Tammy Everts даст презентацию на связи между дизайном, производительностью и скоростью преобразования в Генерировать Нью-Йорк 28 апреля. Получить свой билет сегодня !

Если вы не можете добраться до Нью-Йорка, есть связанные разговоры по веб-характеристике Web Performance Pioneer Steve Souners в Генерация Сан-Франциско 9 июня.

Какие инструменты вы рекомендуете анализировать пользовательские данные?
ДА! Это простой вопрос: я использую MPULSE Реальный раствор мониторинга пользователя и аналитики пользователей, разработанный здесь в Suasta. Прежде чем я использовал MPULSE, я использовал комбинацию WebPagetest. и Google Analytics. WebPagetest является одним из лучших бесплатных инструментов, доступных для синтетического измерения времени загрузки, начать время рендеринга и размера страницы и композиции. Это все еще мое решение, когда я хочу сделать несколько быстрых измерений страниц на сайтах, которые мы не контролируем в Suasta.

Я часто спрашиваю, как MPULSE отличается от Google Analytics, потому что два решения кажутся внешне одинаковыми. На самом деле, большинство наших пользователей MPULSE также используют Google Analytics, потому что два инструмента довольно дополняют.

Google Analytics поможет вам понять эффективность вашего маркетинга, SEO и рекламы проводить через общую веб-аналитику. SOASTA MPULSE идет глубже и делает такие вещи, как показывают, какие страницы вы должны сосредоточить свои усилия по оптимизации, чтобы напрямую улучшить свои бизнес-метрики, используйте прогнозную аналитику, чтобы показать, насколько вы можете быть созданы, если вы сделаете свои страницы постепенно быстрее, И дать вам лучшие данные для создания умных испытаний и тестов нагрузки, поэтому ваш сайт не рухнет во время шипания трафика.

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

Я использую «какой-то, если анализ» - наша функция прогнозирования аналитики - понять, как создавать страницы быстрее и медленнее (при шагах, так же небольших, как 100 миллисекунд), повлияет на скорость отказов, скорость преобразования и т. Д.

Tammy Everts uses mPulse to understand how the load times of pages affect certain metrics

Tammy Everts использует MPULSE, чтобы понять, как время загрузки страниц влияет на определенные метрики

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

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

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

mPulse's Conversion Impact Scores tell you how much impact the performance of specific pages has on conversions

Результаты воздействия преобразования MPULSE позволяют вам, насколько влияние производительность определенных страниц имеет преобразования

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

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

Пожалуйста, дайте нам три быстрых советы для оптимизации сайта электронной коммерции за день.
Дизайнер / разработчик, которого я знаю, однажды сказал мне, что, когда она начинает новый концерт, первое, что она делает, это исправить низкосовесные плоды, которые сразу же сокращают время нагрузки в половину. Результат: она получает мгновенный статус Rockstar - и более важный, уважение и доверие, чтобы она могла предложить более глубокие оптимизации.

Начните с изображений. Они в правильном формате? Они правильный размер? Они сжимаются? Они чувствительны к контексту, поэтому вы не загружаете 1000 пикселей изображений на чью-то телефон?

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

Можете ли вы дать нам несколько примеров того, как дизайнерские факторы могут влиять на скорость преобразования?
Один из клиентов Susta, Фанатика , сделал один месяц оптимизации Sprint, где два из самых больших изменений, которые они сделали в фантазии сайта, были обманчиво простыми: они оптимизировали качество изображения и сжатие изображения, и они исправили спрайт изображения, который блокировал нагрузку на странице. Эти изменения способствовали двустороннему улучшению для их среднего времени нагрузки и почти удвоили мобильные преобразования.

Two fairly small changes to the frontend of the Fanatics site almost doubled mobile conversions

Две довольно небольшие изменения в фанатике сайта фанатики почти удвоили мобильные конверсии

Еще один клиент Suasta, Etsy, сделал интересный маленький эксперимент, в котором они добавили 160 КБ скрытых изображений в их мобильное приложение, просто чтобы увидеть, какое воздействие на добавленную страницу будет на поведении пользователя. Это вызвало увеличение на 12 процентов на уровне отказов.

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

Я знаю, что это всего лишь март, но что могут делать владельцы магазина электронной коммерции, чтобы подготовиться к черной пятнице в этом году?
Сейчас можно сделать одно онлайн-розничные продавцы, - это начать разработать лучшие процессы для создания, мониторинга и оптимизации своих маркетинговых кампаний. Я вижу так много электронных и рекламных кампаний, которые прямые покупатели на посадку страниц, которые невероятно медленные. В Rush для запуска кампаний, розничные продавцы обслуживают своих клиентов посадочные страницы, которые занимают 10, 20, 30 или более секунд для загрузки - и эти времена нагрузки наиболее уверенно причиняют боль.

Бег онлайн-акции потенциально является отличным способом нажать на вашу клиентскую базу - особенно во время праздников - но эта стратегия поставляется с новым набором рисков. Оригинально легко потерять связь с тем, как выступают кампании. Медленно посадочные страницы - это слабое место в ваших кампаниях. Время загрузки «Sweet Spot» для пиковых преобразований составляет всего 2,4 секунды. После этого каждые 100 миллисекундов замедления оказывают измеримое влияние на преобразования.

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

Как вы используете машинное обучение в Suasta?
В индустрии производительности есть миф, что вам не нужно собирать 100 процентов ваших пользовательских данных. Есть еще один миф, что вам не нужно держать его. Это потому, что в прошлом только около 5 процентов данных, которые собираются когда-либо, когда-либо используются значимым образом. В Soasta наша стратегия не просто, чтобы компании собрать и сохранить все свои пользовательские данные: также показать им, как извлечь значимые идеи от других 95 процентов их данных.

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

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

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

In her session at Generate New York, Tammy Everts will outline how and why to gather real user data, extract action-oriented insights and improve business metrics

На своей сессии при генерировании Нью-Йорк Tammy Everts изложит, как и зачем собирать реальные пользовательские данные, извлечь ориентированные на действие Insights и улучшить бизнес-метрики

Что люди могут ожидать забрать от вашего разговора в Генерировать Нью-Йорк ?
Веб-исполнение - это производительность бизнеса. Становится клише, чтобы поговорить о разрушении силоса, но клише все еще правда. Разработчики, дизайнеры, UX люди, маркетологи, владельцы бизнеса ... Мы все должны выйти за пределы наших пузырей и понимать, что каждое решение, которое мы делаем о том, как мы создаем сайты, а приложения имеют прямое подключение к результатам бизнеса.

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

Какое последнее, что вы купили в Интернете, и какой опыт был такой опыт?
Я купил немного детской одежды из разрыва, и весь опыт - от использования сайта для получения моего заказа - было так быстро!

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

Генерировать Нью-Йорк 28 апреля оснащены 14 переговоров подобных подобных Сара Суаидан, Стив Фишер, Мина Маркам, Абби Крытт и Дженнифер Брук. Они будут покрывать дизайнерские системы, исследования пользователей, информационной архитектурой, разговорными интерфейсами и многое другое.

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

Если вы не можете сделать это на конференцию NYC, есть также один в Сан-Франциско 9 июня. Билеты сейчас в продаже.


Инструкции - Самые популярные статьи

6 Быстрые советы по улучшению рисунка кисточек

Инструкции Sep 13, 2025

(Кредит на изображение: Artem Solop) Я всегда стремился развивать сво�..


Как создать местную среду развития

Инструкции Sep 13, 2025

(Кредит на изображение: будущее) Местная среда разработки позво�..


Используйте ручку инструмента и текстуры, чтобы добавить глубину в Photoshop

Инструкции Sep 13, 2025

За следующие короткие видео-захвата экрана, Чарли Дэвис , лонд�..


Руководство по веб-инструментам Google

Инструкции Sep 13, 2025

Страница 1 из 5: Просмотр и изменение HTML, CSS & AMP; Js. ..


Как смешивать цветные карандаши

Инструкции Sep 13, 2025

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


Как создать волосы в кино 4D

Инструкции Sep 13, 2025

Вдохновленный фантастическим характером искусства Carlos Ortega Elizalde и Lois Va..


Создать пушистый 3D-персонаж с нуля

Инструкции Sep 13, 2025

Создание механизма меха может быть легко, но если вы хотите сделать де�..


Невероятная мощность Flexbox

Инструкции Sep 13, 2025

Flexbox или гибкий макет коробки, представляет собой мощный модуль макета..


Категории