Есть ли способ в Chrome web dev tools изменить сайт (например, CSS) и измерить / сравнить производительность загрузки до и после изменений?
Если я изменяю CSS, как только я перезагружаю страницу (на вкладке Network), она перезагружает исходный CSS - очевидно.
Мне нужно как-то сделать изменения постоянными или сохранить измененное состояние, чтобы сравнить его с оригиналом.
Если я изменяю CSS, как только я перезагружаю страницу (на вкладке Network), она перезагружает исходный CSS - очевидно.
Вам необходимо выполнить A/B-тестирование другим способом.
Ниже приведены некоторые рекомендации.
Создайте свой первый тест А / Б
Как только вы решили, что тестировать, следующим шагом, конечно же, будет выбор инструмента для работы. Если вам нужен бесплатный базовый инструмент и вы не возражаете возиться с HTML и JavaScript, воспользуйтесь Google Website Optimizer.
Если вам нужна более легкая альтернатива с дополнительными функциями, воспользуйтесь Visual Website Optimizer (отказ от ответственности: мой запуск).
Другие варианты доступны, которые я обсуждаю в конце этого поста. Настройка основного теста более или менее одинакова для всех инструментов, поэтому мы можем обсудить это, оставаясь независимыми от инструментов.
Вы можете настроить A / B-тест одним из двух способов:
Замените проверяемый элемент перед загрузкой страницы.
Если вы тестируете один элемент на веб-странице, например, кнопку регистрации, вам нужно будет создать варианты этой кнопки (в HTML) в своем инструменте тестирования.
Когда тест активен, инструмент A / B случайным образом заменит исходную кнопку на странице одним из вариантов, прежде чем отобразить страницу для посетителя.
Перенаправить на другую страницу
Если вы хотите провести A / B-тестирование всей страницы, скажем, зеленой темы или красной темы, вам нужно создать и загрузить новую страницу на свой веб-сайт.
Например, если ваша домашняя страница http://www.example.com/index.html, вам нужно создать вариант, расположенный по адресу http://www.example.com/index1.html. Когда тест запустится, ваш инструмент перенаправит некоторых посетителей на один из ваших альтернативных URL.
