Новые возможности и эксперименты WebPageTest: тестируйте практически все

Никогда не было лучшего времени, чем сейчас, для подхода веб-разработчика к SEO.

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

Одним из инструментов, с которым вы должны быть знакомы, является WebPageTest. Недавно они выпустили невероятно полезные новые полностью интегрированные инструменты тестирования.

WebPageTest теперь проксирует указанные пользователем изменения HTML в режиме реального времени через Netlify для запуска сравнительных тестов прямо в их пользовательском интерфейсе. Кодирование не требуется.

Гений имеет смысл

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

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

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

С WebPageTest вы можете указать и щелкнуть.

Надоедливые лабораторные данные

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

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

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

Наши путеводители по Search Engine Land помогут вам настроить тестовый стенд. Мы будем использовать обновленную версию на SMX Advanced. Присоединяйтесь к нам в прямом эфире, если вы можете это сделать.

Возможности

Текст возможностей WebPageText доступен всем в отчетах.

Вам больше не понадобятся навыки JavaScript для сравнения вариантов HTML. Вместо этого вам понадобится платная учетная запись для запуска встроенных прокси-тестов с пометкой «Эксперименты».

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

Это просто не так удобно и занимает слишком много времени.

Эксперименты

Выберите пункт меню «Возможности и эксперименты» в отчете WebPageTest, и вам будет представлен полный список результатов.

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

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

Сейчас совсем несложно собрать тесты.

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

Вы найдете три категории, которые группируют возможности для экспериментов по следующим вопросам:

• Это быстро? Quickness классифицирует и группирует эксперименты по оптимизации производительности.
• Это можно использовать? Юзабилити группирует ошибки проверки HTML, которые могут испортить программы чтения с экрана, и вещи, влияющие на смену макета.
• Это упруго? Отказоустойчивость относится к проблемам безопасности, включая смешанные протоколы. Измените настройки теста с помощью интерфейса флажка и начните запускать варианты. Вы получите уточненные параметры в отчете о сравнении.

Панель инструментов для набора тестов

WebPageTest должен напоминать панель инструментов для набора тестов и делать это внутри отчетов, которые предоставляют больше деталей, чем Lighthouse, и с гораздо лучшим представлением водопадной диаграммы, чем Chrome Dev Tools.

Хотя это правда, что с помощью «укажи и щелкни» вы можете проводить эксперименты с HTML в среде «без кода», предоставляемые детали и навигация требуют опыта, а опыт кодирования лучше всего.

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

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

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

Упасть в яму успеха

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

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

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

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