Если вы готовы ждать вечность, пока загрузится ваш собственный сайт — это вовсе не значит, что пользователи будут столь же терпеливыми. Раз-два-три… максимум пять — и они уже ушли на другую страницу, которая тормозит существенно меньше. А значит, они принесли свои деньги не вам, а кому то другому. Именно так это и работает. А если речь идёт о конкурентной среде, и уж тем более — интернет-коммерции, подобное расточительство не допустимо.
Что же делать? Ответ вполне очевиден — делать свой собственный сайт быстрее. Исправление ошибок повысит его значимость для поисковых систем. Воспринимая страницу как безпроблемную, они быстрее её индексируют и отдают приоритет в поисковой выдаче. Таким образом, повышается ревалентность сайта и как следствие, его конверсия.
При этом, проводить оптимизацию наобум — нельзя. Для начала его необходимо всесторонне проверить, чтобы выявить ошибки и элементы, которые снижают скорость загрузки. Наша команда выполняет тестирование сайтов применяя сразу несколько алгоритмов. Это применяется как при создании портала «с нуля», так и при оптимизации уже существующих страниц. В результате, сайт полностью соответствует требованиям поисковых систем, давая максимальные показатели.
В данном материале мы рассмотрим особенности работы сервиса WebPageTest. Выявим его опционал и принципы работы. А также, чем он может быть полезен для владельцев сайта и веб-разработчиков.
WebPageTest, что умеет сервис
Выполнение проверки доступно по различных географических точках, с имитацией разных браузеров и устройств — версии для ПК или мобильного приложения. Для проведения базовых проверок, которые являются обширными, можно пользоваться доступной на сайте версией без регистрации. После регистрации открывается доступ к дополнительным опциям, Webpagetest API, форумам и ключу API, а так же появляется возможность проводить собственные тесты.
При переходе на сайт, открывается сам тест. В него необходимо ввести URL-адрес сайта, который вы хотите протестировать, выбрать сервер и браузер с которого это будет происходить. При этом, сам браузер с которого выполнен вход — роли не играет. Изначально доступно простое и расширенное тестирование. В расширенном требуется задать настройки, наиболее значимыми из которых являются:
- Connection. Данная опция определяет способ соединения с глобальной сетью. Как правило, наиболее актуальными будут показатели при кабельном соединении. Если вы проводите не расширенное тестирование — оставляйте настройки по умалчанию.
- Number of Tests to Run. Из названия данного раздела всё понятно само собой — это число проводимых тестов. Любое тестирование нельзя назвать точным на 100%. поэтому, нужно провести их несколько и выявить среднее значение. Если говорить о минимальном количестве — то это не менее 3 проверок. Всегда стоит задавать нечётное количество тестов, так как усреднённый результат в данном случае получится точнее.
- Repeat View. Это повторный просмотр. Предполагает загрузку с учётом кэша и без такового. Данный параметр также играет важную роль, так как при первой загрузке пользователь получает большее количество информации, которую браузеру нужно обработать. При использовании кэша, все эти данные уже хранятся на его устройстве, соответственно и времени уходит меньше. Поэтому, стоит выбирать First View and Repeat View, чтобы сравнить и проанализировать оба варианта.
- Capture Video. Интересная и полезная опция сервиса. Она позволяет посмотреть каким образом страница отображается на условном тестируемом устройстве. То есть, увидеть процесс загрузки сайта глазами пользователя.
Все остальные параметры не требуют настройки на данном этапе. Проведя такие нехитрые настройки — веб-разработчик или владелец сайта готов к процедуре тестирования.
Что мы имеем в результате
Результаты сервис выдаёт более чем обширные. Все они требуют сравнения, анализа и принятия решений, что с этим делать в случае неудовлетворительных показаний. В данной статье мы остановимся на ключевых показателях, оставив остальные специалистам, работающим над решением проблем.
Все результаты представлены в виде графиков и диаграмм. Их придётся вдумчиво прочитать и детально изучить. Первое, что будет представлено — общие результаты по загрузке страницы. Просматривайте для начала те, которые без кэширования данных, так как во втором случае, они будут практически всегда быстрее. Разве что, на странице множество критических ошибок.
Первые данные полученные в таблице отображают:
- First Byte — время для загрузки первого байта. Важнейший показатель, во многом определяющий всю скорость взаимодействия со страницей. Оптимально, чтобы он не превышал 200-400 миллисекунд
- Start Render — время, когда вместо белого экрана наа странице появляется первый контент
- Document Complete — появление на странице всего критического контента и возможность с ней взаимодействовать
- Fully Loaded — полная загрузка страницы. Зачастую она требует проведения дополнительных настроек и многоступенчатой оптимизации
- Speed Index — показывает усреднённое время загрузки визуальных элементов сайта. По большому счёту, он значит сколько времени потребовалось пользователю, чтобы увидеть нужный ему контент. Пользователь не понимает происходящие внутри страницы процессы, для него важно было это быстро, или нет.
Стоит отдельно обратить внимание на вкладку «details». Учитывайте, что представленный там показатель TTFB (общее время до загрузки первого байта) — это время поиска DNS, время инициализации соединения, SSL и время до начала загрузки. Поэтому, увидев данные в сводной таблице — не пугайтесь полученным показателям.
Ещё одной опцией, несущей максимальную пользу, являются так называемые, диаграммы-водопады. Они показывают какие ресурсы загружались браузером и какое время для этого потребовалось. Относительно WebPageTest, то вертикальная шкала диаграммы показывает ресурсы, а горизонтальная — время. При их помощи можно выявить узкие места, которые тормозят сайт. Именно они содержат множество данных для анализа, который специалисту расскажет практически всё о сайте.
Для идентификации проблем с сайтом WebPageTest подходит как нельзя лучше. Получив обширные данные, их необходимо проанализировать и исправить шаг за шагом. При этом важно выработать правильную стратегию, так как далеко не всегда нужно начинать с наиболее явной проблемы. Возможно, первоочередного устранения потребует та, которая кажется мелкой. Поэтому, если вы не являетесь «докой» в работе с сайтами — доверьтесь специалистам. Мы работаем для того, чтобы ваша страница была быстрой и получала максимальные оценки поисковых систем.
