Press This: Готов ли ваш сайт к кибер-выходным с Джошем Дейли

Добро пожаловать в Press This, подкаст сообщества WordPress от WMR. В каждом выпуске участвуют гости со всего сообщества и обсуждаются самые большие проблемы, стоящие перед разработчиками WordPress. Ниже приводится транскрипция оригинальной записи.

Работает на RedCircle

Doc Pop : вы слушаете Press This, подкаст сообщества WordPress на WMR. Каждую неделю мы освещаем участников сообщества WordPress. Я ваш хост, Док Поп, я поддерживаю сообщество WordPress благодаря моей роли в WP Engine и моему вкладу в TorqueMag.io. Вы можете подписаться на Press This в Red Circle, iTunes, Spotify или загружать выпуски прямо на wmr.fm.

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

Джош Дейли : У меня все отлично. Всегда рад поговорить с вами, док.

ДП : Абсолютно. И было здорово увидеть вас на WordCamp US, и мы собираемся поговорить об электронной коммерции и о Cyber ​​Weekend. Это так называется?

ДД : Да, Черная пятница, кибер-выходные сразу после этого. Да.

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

ДД : На самом деле я начал еще в 2012 году, я хочу сказать. В то время я создавал контент, делал много видеоконтента. И клиенты, которые у меня были, спрашивали, как распространять этот контент. Итак, мы начали рассматривать варианты веб-сайта. И я вроде как один из тех парней, которые начинают возиться с чем угодно и говорят: «О, ты хочешь сделать это? Думаю, я придумаю, как это сделать».

И поэтому я просто нажал на WordPress и нашел способ разместить его на моем собственном сервере с .org, а остальное — это своего рода история оттуда.

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

ДП : И теперь, когда вы в WP Engine. Вы работаете над чем-то, связанным с электронной коммерцией, для пользователей WP Engine?

ДД : Да, определенно. Итак, вся моя роль и функция в пространстве электронной коммерции. После того, как я занялся созданием веб-сайтов, я начал получать запросы на сайты электронной коммерции и начал работать с WooCommerce. Так что это своего рода естественный прогресс в том, чтобы стать менеджером по маркетингу продукта для решения электронной коммерции здесь, в WP Engine.

ДП : Хорошо, давайте приступим к делу. Вы знаете, мне нравится электронная коммерция, мне нравится делать покупки в Интернете. И вы знаете, мы подходим к записи, я думаю, когда это произойдет, мы будем близки к Cyber ​​Weekend. И продажи уже вроде как начинают появляться, или по крайней мере намеки на продажи. Не слишком ли поздно для владельцев сайтов беспокоиться об этом? Должны ли они просто заблокироваться или продолжать беспокоиться о том, чтобы их сайт был готов к Cyber ​​Weekend?

ДД : Я имею в виду, как правило, люди говорят, что если вы планируете распродажу для такого крупного события, вы должны начать думать об этом за год вперед. Итак, вы действительно хотите настаивать на этом, особенно если вы говорите о том, на каких серверах я должен быть? У меня все правильно настроено?

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

ДП : Я думаю, мы собираемся поговорить о том, как тестировать, и через минуту поговорим о нагрузочном тестировании. Но прежде чем мы это сделаем, вы как бы затронули некоторые вопросы, помимо оптимизации веб-сайта. Вы упоминаете такие вещи, как; Ваше платежное решение готово. Мне просто любопытно, есть ли какие-либо тесты, которые люди должны провести сейчас, чтобы убедиться, что Visa и PayPal будут работать в эти выходные?

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

ДП : Я полагаю, что вы говорите о WooCommerce, которую, вероятно, использует большинство веб-сайтов WordPress для своих сайтов электронной коммерции. У WooCommerce будет какой-то тестовый вариант? Или вы говорите о фактической регистрации в качестве клиента и использовании настоящей кредитной карты?

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

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

ДП : Абсолютно. Так что мне не следует сейчас проводить AB-тестирование для оптимизации сайта. Мои основы работают. И давайте поговорим о тестировании, которое мы действительно хотим провести, о стресс-тестировании, верно?

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

То, что вы можете тестировать, знаете ли, как маркетолог, если вы проводите A/B-тестирование чего-то, что на самом деле должно быть просто вашими призывами к действию, вашими кампаниями и тому подобными вещами. Что касается стресс-тестирования, вы хотите убедиться, что на базовом уровне вы можете вернуться к своему хостинг-провайдеру и сказать: «Эй, готов ли мой сайт справиться с этим потоком трафика, который я собираюсь имеют?"

ДП : Нагрузочное тестирование — это то, что будет у вашего провайдера, например, кнопка, которую вы можете нажать на панели инструментов. Или это дополнительный инструмент, который вы бы использовали?

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

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

ДП : Абсолютно. Давайте сделаем здесь перерыв, а когда вернемся, мы еще немного поговорим о нагрузочном тестировании и о том, что делать с тем, что вы узнали в ходе нагрузочного тестирования. Так что следите за обновлениями.

ДП : Вы слушаете Press This, подкаст сообщества WordPress на WMR. Я ваш ведущий Док Поп. Мы говорим об электронной коммерции и подготовке к Cyber ​​Weekend, а также о том, чтобы ваш сайт был готов обрабатывать огромный трафик, который вы собираетесь получать. Я разговариваю с Джошем Дейли, и Джош, перед перерывом, мы говорили о нагрузочном тестировании. Вы хотели что-то еще сказать о самом нагрузочном тестировании?

ДД : Да, я просто думаю, что в глобальном масштабе нагрузочное тестирование — это то, что действительно важно, особенно если вы используете WooCommerce, которую будет использовать основная аудитория этого подкаста. Из-за того, как WordPress и WooCommerce обрабатывают транзакции, такие вещи, как фрагменты корзины, могут вызвать напряжение. aИ затем, из-за того, что много раз есть люди на бюджетном хостинге, или эти разные способы справиться с этим в течение года, возможно, у вас разный уровень трафика, есть разные вещи, о которых вам нужно подумать. когда вы собираетесь иметь событие.

У вас будут всплески трафика. И вы должны думать, что это по-разному повлияет на ваш сайт. Итак, вы думаете о пропускной способности и о том, как с этим справляется WooCommerce.

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

ДП : Вы упомянули фрагментацию корзины, и я подниму руку и скажу, что не знаю, что это такое. Я собираюсь сделать вид, что не знаю. [Смех] Нет, не знаю.

ДД : Да, да.

ДП : Может, проведешь меня через это.

ДД : Да. Таким образом, фрагменты корзины — это то, что WooCommerce использует для обновления уведомлений о корзине и подсчета того, что в корзине, в режиме реального времени, без обновления страницы каждый раз, когда вы используете функцию « Добавить в корзину ». Теперь это здорово, потому что вы динамичный веб-сайт, и люди хотят знать в режиме реального времени — я имею в виду, что это способствует отказу от корзины, когда эта информация не обновляется. Но, по сути, этот сценарий Ajax используется на каждой странице сайта. И он используется даже на страницах, где корзина не включена. И он продолжает проверять и пинговать это каждый раз, когда WooCommerce установлен. Таким образом, фрагменты корзины имеют положительное значение с точки зрения динамического удобства использования, но также имеют отрицательное значение для производительности, особенно для людей, взаимодействующих с тележкой.

И поэтому есть некоторые методы, которые люди предлагают, например, просто отключить фрагменты корзины, но это создает компромисс, верно? Теперь ping не происходит, но я не могу использовать функцию динамической корзины, которая сообщает мне, сколько товаров в корзине. Есть и другие вещи, например, WP Engine недавно выпустил продукт под названием Live Cart, который позволяет вам продолжать использовать эту динамическую функцию корзины, оптимизируя способ использования наличных денег в магазине. И это фактически позволяет большему количеству одновременных покупателей находиться на сайте одновременно, используя корзину, не прерывая соединения. Таким образом, большая стабильность, лучшая производительность корзины, более быстрое время загрузки без потери соединения — это действительно важные вещи.

Итак, вы действительно хотите знать, если вы собираетесь, чтобы вы знали, что 25, 30, 40 покупателей делают покупки одновременно, потому что вы разослали взрывную электронную почту, это когда WooCommerce на бюджетном хосте, вы начнете чувствуя давление от этого, и вы начнете терять связи из-за этого.

ДП : На самом деле вы упоминаете нечто иное, чем я ожидал. Мы говорим об отключении фрагментации корзины или нет, улучшениях кэширования, но я чувствую, что вы говорите о них так, как будто это вещи, которые вы собираетесь делать во время Cyber ​​Weekend не так, как в остальные дни. год. Я воображаю это или мы говорим об этих вещах, которые всегда должны происходить для максимальной производительности.

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

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

Так что в большинстве случаев, например, если вы запускаете тест Google PageSpeed, например, и говорите: «Ну, вот как я собираюсь проверить, хорошо ли работает мой сайт». Google PageSpeed ​​Insights, Pingdom и другие тесты скорости страницы проверяют только одну страницу за раз, а не весь сайт. Поэтому, если они говорят: «Ну, я протестировал свой сайт под нагрузкой, запустив тест скорости страницы от Google», на самом деле они только проверяют производительность этой страницы, и они не проверяют ее после того, как элементы были добавлено или удалено из корзины.

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

ДП : Вы упомянули лучшее кэширование. Я просто хочу уточнить, вы не говорите о плагине Better Caching.

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

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

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

ДП : Абсолютно. Да, я изо всех сил пытаюсь придумать шутку «Кэш правит всем вокруг меня». [Смех] У вас есть надпись «Веб-кеширование правит всем вокруг меня», как на неоновой вывеске на заднем плане вашего офиса? Я полностью это вижу.

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

ДП : Напомню, что это подкаст.

ДД : Я просто солгу тебе и скажу, что это сияние позади меня прямо сейчас.

ДП : Вот это да. [Смех] Мы собираемся сделать еще один небольшой перерыв. И когда мы вернемся, мы поговорим с Джошем Дейли о наших последних советах по улучшению электронной коммерции в рамках подготовки к Cyber ​​Weekend и о том, как использовать PageSpeed ​​​​Insights для улучшения ваших основных веб-жизненных показателей, так что следите за обновлениями.

ДП : Вы слушаете Press This, подкаст сообщества WordPress на WMR. Я ваш ведущий, Док Поп, и я разговариваю с Джошем Дейли о том, как подготовить ваш сайт к самым загруженным выходным в этом году. Киберсреда — это Киберсреда, это было бы здорово [Смех]. Приближаются кибер выходные. Что ж. У нас Киберпонедельник.

ДД : Дающий вторник.

ДП : Верно, Щедрый вторник.

ДД : Мы добавим Киберсреду сразу после Щедрого вторника.

ДП : Итак, мы много говорили. Мы говорим в основном об оптимизации, и, как ни странно, я чувствую, что в предыдущие годы или, по крайней мере, в любом другом разговоре на веб-сайте вы не упомянули бы оптимизацию без упоминания JPEG, WebP или оптимизации изображений. Это то, о чем владельцам сайтов электронной коммерции не нужно беспокоиться, следя за тем, чтобы их изображения были оптимизированы, или вы предполагаете, что они, вероятно, это поняли?

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

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

ДП : Помня о загрузке и не переусердствуя с изображениями.

ДД : Точно, да. О, конечно. Потому что, как вы упомянули, разные типы форматов. Я имею в виду, если вы все еще используете анимированные GIF-файлы для демонстрации своих продуктов, это большая проблема, верно? Вы хотите перейти на более современные методы сжатия видео, такие как WebM, и знаете, что mp4 — это резервная копия. И вы можете посмотреть свои изображения в WebP. Но затем подготовьте хорошие резервные копии, чтобы для браузеров, которые не поддерживают эти более современные типы, или для людей, которые отстают от кривой, возможно, при внедрении.

ДП : Да, я до смерти люблю гифки. Я был художником GIF в течение очень долгого времени. И да, они абсолютно не принадлежат моему сайту. Мне нужно переключиться. Знаешь, я люблю их. Но да, их время пришло. Вы знаете, вы упомянули перед перерывом PageSpeed ​​Insights. Можете ли вы рассказать нам о том, что это такое и что люди должны делать с помощью PageSpeed ​​Insights?

ДД : Да, конечно. Самое главное, что я хотел бы сказать, используя такой инструмент, как Google PageSpeed ​​Insights, он открыт для всех. Вы можете запустить эти тесты производительности, и у них есть рейтинги, которые дают вашему сайту возможности для улучшения. И теперь имейте в виду, что когда вы используете такой инструмент, на самом деле те числа, которые они дают, будь то 80 или 100, или 95, или что-то еще. Это не проценты. Какое бы число они вам ни давали, это не процент. Для вас это скорее метрика, чтобы посмотреть, как вы сравниваете себя с другими сайтами, на которых происходят подобные вещи?

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

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

Но убедитесь, что вы все время тестируете из одного и того же места. Отметив, что если вы выполняете внутренний тест с помощью плагина, много раз он пингуется из одного и того же места, и вы не можете контролировать, откуда он пингуется — с какой башни или из какой области сервера он пингуется, и так далее. это повлияет на результаты, которые вернутся к вам. Расположение. Насколько близко вы находитесь к дата-центру? Вот некоторые вещи, о которых я думаю, когда использую PageSpeed ​​Insights.

ДП: Джош, я очень ценю твое время сегодня. И я надеюсь, что все, кто слушает и готовится к Cyber ​​Weekend, проведут его гладко и приятно. Может быть, лучший eHoliday года для вас. Если вы хотите узнать больше о том, чем занимается Джош Дейли, вы можете посетить его страницу в Твиттере @joshdailey. И это все для этого эпизода Press This.

Спасибо, что слушаете подкаст сообщества Press This WordPress на WMR. Вы можете следить за моими приключениями в Твиттере @thetorquemag или зайти на Torquemag.io, где мы публикуем уроки, видео и интервью каждый день. Так что заходите на Tortormag.io или следите за нами в Твиттере. Вы можете подписаться на Press This в Red Circle, iTunes, Spotify или скачать прямо на wmr.fm. Я ваш ведущий Doctor Popular, я поддерживаю сообщество WordPress благодаря своей роли в WP Engine, и мне нравится каждую неделю освещать членов сообщества в Press This. Спасибо за прослушивание.