Скорость загрузки

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

Именно этот момент измеряет показатель, о котором сегодня все говорят. На профессиональном языке он называется Largest Contentful Paint, в переводе примерно: момент, когда самый крупный видимый элемент уже на месте — как правило, главная картинка или заголовок в самом верху. Google проводит границу на 2,5 секунды. Ниже значение считается хорошим, начиная с 4,0 секунды — плохим, между ними лежит область, в которой стоит доработать.

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

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

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

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

От чего мы отговариваем — это погоня за баллами. Возможно натянуть страницу на высокую оценку, которой всё равно тяжело пользоваться: например, потому что содержимое появляется только при прокрутке и при этом прыгает. И наоборот, бывают страницы со средней оценкой, которыми пользоваться безупречно. Оценка — это указание на возможные слабые места, а не отражение впечатления.

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