После аудита сайта обязательно оформите результаты в удобочитаемой форме.
- Рассмотрите возможность создания разных отчетов для разных заинтересованных сторон.
- Сосредоточьтесь на потребностях бизнеса и покажите, как технические показатели поддерживают их.
- Начните с резюме.
- Структурируйте данные по темам (например, производительность загрузки и вес страницы), а не просто перечисляйте выходные данные инструмента.
- Упорядочите результаты по приоритету.
- Пропустите результаты, если они не актуальны или интересны.
- По возможности представляйте числовые данные в виде диаграмм или графиков.
- Избегайте стены данных — обзоры сайтов не должны быть скучными.
Будьте внимательны к людям, подвергающимся аудиту.
Те, кто работает над сайтом, могут быть хорошо осведомлены о проблемах. Могут быть сложные, нетехнические причины, по которым проблемы не были устранены.
Гораздо полезнее описывать плохую работу с точки зрения возможностей и решений, а не просто перечислять каталог неудач.
По возможности поговорите с разработчиками сайта и другими заинтересованными сторонами, прежде чем более широко представлять свои выводы.
Предоставьте контекст
Делясь результатами проверки, вы можете включить контекстные данные, чтобы оправдать усилия и побудить разработчиков или других заинтересованных лиц реализовать предлагаемые вами улучшения, например следующие из DoubleClick :
- 53% пользователей покидают сайты, которые загружаются дольше трех секунд.
- Мобильные сайты загружаются за 5 секунд и приносят до 2 раз больше дохода от мобильной рекламы.
- Среднее время загрузки мобильных сайтов составляет 19 секунд.
На сайте neotys.com представлен полный список бизнес-причин для повышения производительности. Дополнительную информацию о том, как улучшить производительность сайта, можно найти на сайтах perf.rocks и Web Fundamentals , а также тематические исследования и истории успеха.
Если у вас нет бюджета производительности , сейчас самое время! Рассчитайте бюджет и покажите вес вашего сайта.
Продемонстрировать потенциал
Локальные переопределения Chrome DevTools позволяют переопределять ресурсы веб-сайта с помощью локальных версий. Это может быть отличным способом показать, как простые изменения могут иметь большое значение.
Например:
- Создайте версию CSS, используемую на домашней странице сайта, без избыточных правил.
- Измените HTML, чтобы отложить загрузку JavaScript.
- Замените файлы изображений оптимизированными версиями.
Вы даже можете поделиться измененными файлами с разработчиками, работающими над сайтом, чтобы они могли продемонстрировать потенциальные улучшения непосредственно своим коллегам. Local Overrides также упрощает создание параллельных скринкастов, показывающих разницу в производительности между оптимизированными и неоптимизированными версиями. Этот подход может оказаться гораздо более убедительным, чем длинный список дел! Узнайте, как использовать локальные переопределения, здесь .