Кросс-функциональное исправление скорости сайта

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

Лина Ханссон

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

Улучшите скорость с помощью заинтересованных сторон вашего бизнеса

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

Общий вызов

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

Помимо этого оперативного уровня, заинтересованным сторонам также важно понимать, что сейчас происходят два изменения:

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

Отправьте предложение заинтересованным сторонам

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

Подготовьтесь к встрече с заинтересованными сторонами

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

  • Рассчитайте относительный коэффициент конверсии для мобильных устройств . Работайте со своей командой аналитиков и проведите анализ, описанный в разделе «Ценность скорости» . Если исторически был период (по крайней мере 2–3 месяца), когда время загрузки было намного больше, чем другой период такой же продолжительности, то низкая скорость сайта обычно сильно влияет на мобильные конверсии. Благодаря анализу вы можете подсчитать, какой доход компания потеряла в период плохой скорости, доказывая ценность скорости. Если время загрузки осталось примерно на том же уровне, анализ будет сложно выполнить, и приведенные ниже альтернативы могут дать больше ответов.
  • Оцените значение скорости на основе статистических моделей . С помощью Google TestMySite вы можете запустить тест, а затем рассчитать влияние, которое более быстрый сайт может оказать на ваш бизнес. Все, что вам нужно, — это данные о среднем количестве посетителей в месяц, коэффициенте конверсии и средней стоимости заказа, с которыми вам может помочь ваша аналитическая группа.
  • Предоставить примеры из передовой практики . Вы также можете использовать кейсы других компаний, которые сделали свой сайт быстрее и увидели эффект. Как время загрузки страницы влияет на коэффициенты конверсии: 12 тематических исследований содержат несколько примеров.
  • Покажите важность мобильных устройств . Попросите команду аналитиков предоставить данные о том, какой процент вашего трафика поступает с мобильных устройств по сравнению с настольными.
  • Узнайте, сколько это будет стоить . Приведенные выше расчеты — это способ показать заинтересованным сторонам возможное увеличение доходов от скорости, но для того, чтобы заинтересованные стороны могли принимать решения, им необходимо знать рентабельность инвестиций, поэтому, если вы подготовитесь с расчетными затратами, исполнительное решение может быть принято быстрее. Для этого оцените, сколько времени займет первоначальный проект сфокусированной скорости и сколько времени вам понадобится на последующее обслуживание. Например, в рамках проекта «Ускоренное мышление: TUI ускоряет свой сайт, устраняя разрозненность» разработчикам было предоставлено 20% свободного от невыполненных работ и кампаний времени, которое они могли посвятить проектам по ускорению работы и другим способам улучшения сайта.

Встретьтесь с заинтересованными сторонами

  • Покажите, какой объем трафика вы получаете с мобильных устройств по сравнению с настольными, а также рост трафика с мобильных устройств за последние несколько лет . Это демонстрирует важность создания отличного мобильного опыта.
  • Представьте свои выводы о том, как скорость влияет на доходы компании .
  • Сообщите заинтересованным сторонам, что разработчики могут помочь увеличить доход от мобильных посетителей , если им дадут время постоянно работать над скоростью.
  • Предложите пригласить одного человека из команды разработчиков на собрания руководителей, где будут приниматься решения по сайту . Сегодня мы продаем на цифровых платформах. Победителями станут компании, которые начнут общаться со своими цифровыми экспертами. Современным компаниям потребуется наладить каналы связи между отделами, а также между заинтересованными сторонами и разработчиками. Исследование Harvard Business Review показало, что каждый шестой ИТ-проект имеет перерасход средств на 200%. Одним из примеров была компания Kmart, которая теряла свои конкурентные позиции по сравнению с Walmart и Target, когда в 2000 году начала свой проект модернизации ИТ стоимостью 1,4 миллиарда долларов. Заблаговременно наладив связь и обслуживание, можно разрушить разрозненность и обмен знаниями может стать конкурентным преимуществом.

Исправьте скорость с помощью вашей маркетинговой команды

Общий вызов

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

Баланс достигается за счет осторожности со скриптами:

  • Избегайте дубликатов, которые измеряют примерно одно и то же.
  • Удалите инструменты, которые больше не используются.
  • Не измеряйте вещи, которые «хорошо иметь». Измеряйте только критически важные для бизнеса вещи.

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

Отправьте предложение вашей маркетинговой команде

Инструменты, используемые для отслеживания, и реклама часто блокируют скорость просмотра контента посетителями при входе на сайт. Это снижает ценность маркетинговых вложений, поскольку мы платим за рекламу, люди интересуются, кликают, но потом вынуждены ждать. Это рискует, что они разозлятся и уйдут. Одно исследование показало, что коэффициент конверсии снизился примерно с 50% до примерно 35%, когда показатель скорости Time to Interactive увеличился с 0,15 с до 0,3 с. Можем ли мы вместе решить эту проблему, чтобы создать баланс между необходимыми вам инструментами и производительностью сайта, что в результате приведет к увеличению окупаемости маркетинговых инвестиций?

Подготовьтесь к встрече с вашей маркетинговой командой

  • Создайте список скриптов, которые реализованы на сайте .
  • Отправьте список в отдел маркетинга и попросите их заранее просмотреть его и разделить на три группы :
    • Критически важный для бизнеса . Эти сценарии должны остаться.
    • Приятно иметь . Скрипты, которые можно было бы использовать меньше или удалить. Например, иногда компании собирают тепловые карты или записи экрана, но данные могут просматриваться нечасто и не приводить к действию или повышению конверсии. В таких случаях может быть лучше договориться о запуске инструментов только в течение, скажем, двух недель, сбора информации для анализа, а затем очистки сценариев до тех пор, пока не придет время следующего периода целенаправленного сбора данных.
    • Не использовался или не принадлежал . Их следует удалить.
  • Проверьте, насколько каждый скрипт замедляет ваш сайт, сравнив скорость сайта с ним и без него . В WebPageTest это можно настроить на вкладке «Блокировать» в «Дополнительных настройках» . Или вы можете заблокировать сетевые запросы в Chrome DevTools .

Встретьтесь со своей маркетинговой командой

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

Согласуйте дальнейшие действия

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

Исправьте скорость с помощью вашей команды веб-дизайнеров

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

Общий вызов

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

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

Отправьте предложение своей команде веб-дизайнеров

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

Подготовьтесь к встрече с вашей командой веб-дизайнеров

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

Познакомьтесь со своей командой веб-дизайнеров

  • Постарайтесь изучить, как команда разработчиков может быстрее доставлять изображения с помощью различных методов оптимизации изображений , таких как сжатие изображений, адаптивные изображения, изменение размера изображений, отложенная загрузка, кэширование и оптимизация сервера.
  • Создайте тестовую страницу, на которой будут публиковаться изображения с разным качеством и размером, и согласуйте уровень, обеспечивающий баланс производительности и качества на разных экранах . Помните, что посетители с мобильных устройств часто проводят короткие сеансы: одно исследование показало, что более половины мобильных сеансов длятся 30 секунд или меньше . Эти пользователи могут не изучать изображения подробно и предпочитать, чтобы сайт работал быстро.
  • Предложите бюджет производительности , при котором веб-дизайнеры обязуются обеспечить, чтобы вес всех веб-страниц был ниже 1 МБ (или максимум 1,5 МБ).

Исправьте скорость с помощью вашей команды аналитиков

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

Общий вызов

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

Отправьте предложение вашей аналитической команде

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

Подготовьтесь к встрече с вашей командой аналитиков

  • Регулярно отслеживайте скорость . Одна из рекомендаций — использовать API с таким инструментом, как Lighthouse CI , PageSpeed ​​Insights или WebPageTest , который позволит вам регулярно собирать статистику в контролируемых лабораторных условиях для удобного сравнительного анализа в разные периоды времени.
  • Перешлите значение скорости команде аналитиков и спросите, могут ли они выполнить анализ , чтобы у вас была готова диаграмма для анализа во время встречи.

Встретьтесь со своей командой аналитиков

  • Проверьте диаграмму, созданную на основе значения скорости . Относительный коэффициент мобильной конверсии – это один из способов отслеживания влияния скорости и улучшения вашего сайта. Спросите команду аналитиков, готовы ли они начать отслеживать это.
  • Решите, подходит ли показатель времени загрузки в Google Analytics для упрощенных бизнес-отчетов . Значение скорости использует эту метрику. Как известно многим разработчикам, это лишь один из многих важных показателей скорости , а поскольку он находится в Google Analytics, это также полевые данные , а не лабораторные данные . Но достаточно ли он хорош, чтобы его можно было использовать для упрощенных бизнес-отчетов? Проверьте результат, полученный в результате приведенного выше анализа, и посмотрите, можно ли наблюдать снижение относительного коэффициента мобильной конверсии, когда время загрузки было высоким в течение как минимум 2–3 месяцев, и растет ли относительный коэффициент мобильной конверсии при загрузке. время было низким в течение 2–3 месяцев. Если время загрузки осталось довольно стабильным, будет трудно узнать, работает ли анализ для вас, пока вы значительно не улучшите скорость. Если да, выберите следующий вариант.
  • Покажите диаграммы показателей скорости, которые используют разработчики . Объясните их команде аналитиков и посмотрите, обнаружите ли вы корреляцию с коэффициентом конверсии или относительным коэффициентом конверсии на мобильных устройствах.
  • Дайте команде аналитиков время подумать о том, как использовать скорость в расчетах, связанных с доходами, и о том, как сообщить об этом заинтересованным сторонам . Зачастую для них это новая тема. Затем встретитесь снова и опробуйте подход, с которым вы согласны. Как всегда, вам придется пересматривать сбор данных, пока не найдете подходящий вариант, но это способ начать сотрудничество.

Следующие шаги

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